A la hora de desarrollar una tienda online hay que tener muy claro el plan estratégico del proyecto en cuanto a diseño y funcionalidad.
Vamos a enseñaros los puntos importantes que debe tener todo Ecommerce y para ello vamos a utilizar uno de los últimos proyectos que hemos creado, Optiver Ópticos.
¿Cómo organizo mis productos? Es de vital importancia conocer nuestro producto y tener bien organizado nuestro almacén.
La categorización de familias y los grupos de atributos que los productos pueden adoptar.
Para nuestro ejemplo, el producto son gafas y la organización que hemos seguido es la siguiente:
Un ejemplo: SOL -> RAYBAN -> WAYFARER
Bien, independientemente de la categorización que tenga un producto, éste pertenecerá a un grupo de atributos.
En nuestro caso, una gafa puede ser de estos grupos:
Teniendo todo esto organizado, permitimos a los clientes encontrar productos a sus necesidades, por ejemplo:
El cliente sabe exactamente el modelo que quiere comprar, es una gafa de sol de la marca DIOR y el modelo es el N6EVQ, pues le ofrecemos un buscador para que encuentre rápidamente su modelo:
El cliente quiere unas gafas de sol de la marca Carrera porque un amigo le ha recomendado esta marca pero no tiene claro que modelo elegir, pues mediante la categorización de familias en nuestro menú le ofrecemos una vista completa de todos los productos de Carrera:
El cliente quiere unas gafas de sol para hombre y que sean azules, sin importar marca ni modelo, pues mediante la navegación por capas le ofrecemos una herramienta para que pueda filtrar los atributos que desea;
Los elementos visuales en la web son elementos muy importantes y debemos potenciar el contenido multimedia.
Al entrar en la ficha de un producto, casi todas las tiendas online disponen de una imagen del producto como mínimo, en este proyecto nosotros hemos querido dar un paso más y aprovechar la plataforma social de YouTube para añadir vídeos de las gafas en 360 grados acompañados de la sintonía oficial de Optiver Ópticos:
En Hostingato, el departamento de comunicación pone a disposición un equipo de redactores que organizan y escriben contenido en el Blog de Optiver Óticos.
De esto modo, se mejora el posicionamiento SEO, se aumenta el contenido de la web, se fideliza con los clientes a través de las redes sociales y se crea un vínculo más cercano y personal entre la tienda y sus usuarios.
Todos estos puntos mencionados ayudan y mejoran la experiencia de compra en la web haciéndola cómoda y sencilla. También logramos que nuestros clientes vuelvan a comprarnos que es uno de los factores más importantes.
Hace unos años, no muy lejanos, las empresas veían Internet como una herramienta casi sin futuro, comercialmente hablando, ya que no se encontraba en todos los hogares y su coste era elevado, por lo que se prefería invertir en otros medios más físicos y/o tradicionales como mejorar el escaparate o salir en la radio. En la actualidad, toda gran empresa tiene presencia online, con una web propia y perfiles en redes sociales, y esta tendencia se está trasladando a empresas cada vez más pequeñas, ya que tener presencia en Internet es barato y eficaz. Hoy, desde Verkia, queremos enseñaros que elementos son esenciales a la hora de crear y mantener una imagen online.
Numerosas son las ventajas que da el hecho de poseer una web propia para tu negocio, y podríamos ir enumerando sin parar, pero como dice el título de esta entrada, nos vamos a centrar en el ámbito de la imagen online, por lo que podríamos resumirlo en estos puntos:
Si reducimos la imagen corporativa al mínimo exponente, habría 3 elementos que serían el pilar de toda la imagen de una empresa, y que se han de cuidar ante todo.
Logotipo: El logotipo (logo) ha de ser el resumen visual de los valores que quiere transmitir una empresa, y por lo tanto, ha de ser el alma de lo que quieres que sea tu empresa, o lo que crees que es. También ha de ser fácil de memorizar por el receptor, y si puede hacerle suponer los bienes o servicios que ofrece dicha empresa, mejor. Por ejemplo, Apple (manzana en inglés) utiliza una manzana como logotipo en honor a Isaac Newton. Burger King, utiliza una hamburguesa, creando la carne con el nombre de su empresa.
Tipografía: La tipografía que se utiliza en representación a la marca/empresa, ha de ser cuidada también, ya que transmite ciertos valores según al público al que nos queramos dirigir. Si nuestro público es de un nivel adquisitivo alto, utilizamos una tipografía alargada y con terminaciones picudas en cada letra, como puede ser en el caso de Swarovski. Si por lo contrario, nuestro público son niños, utilizamos una tipografía redondeada que acentúa las curvas, ya que lo picudo resulta más agresivo, como puede ser el caso de Juguettos.
Color corporativo: Los colores dotan de atributos a las marcas, ya sea para destacar atributos que ya posee, o para tratar de enfocar al público hacia el sector al que pertenece tu empresa. Utilizando un ejemplo anterior, Apple cada vez más utiliza el gris (en su logo, en sus productos, en su web...), ya que es el color de la tecnología, Coca-cola utiliza el rojo ya que es el color de la vitalidad, etc.
Conociendo cuales son los 3 elementos básicos de la imagen corporativa, podemos utilizarlos para mejorar nuestra imagen online. Para ello, crea un logo que identifique tu marca, y ponlo en tu web y en tus redes sociales para que la gente vaya asociando ese elemento a tu empresa. Utiliza una tipografía adecuada a tu público, tanto para imágenes que subirás a tu web y RR.SS como para la redacción de contenido en tu web. Por último, destaca un color frente al resto para ayudar a posicionar tu imagen en la mente del consumidor; verde/azul para algo relacionado con niños, gris para la tecnología, amarillo/rosa para la respostería, dorado si es algo de lujo, etc.
Las redes sociales son, probablemente, el principal medio de contacto directo con tus públicos por Internet, por lo que es importante que cuides aquello que muestras. Al menos, dos son las redes sociales que has de utilizar; Facebook y Twitter.
Facebook: Es la principal red social del momento, y es, con total seguridad, la que permite una mayor interacción entre la empresa y sus públicos. Los dos primeros puntos de atención visual de Facebook están en la imagen de perfil y en la portada, por lo que has de tratar de transmitir el máximo número de información posible en ese contacto visual. Veamos un ejemplo con el perfil de Motos Manuel Giménez.
Como se puede ver en la imagen, en el perfil se coloca el logotipo de la empresa, que, como hemos visto anteriormente en el apartado de logotipos, transmite directamente a que sector pertenece. Se sitúa el logotipo en el perfil porque es la identidad visual que queremos que la empresa tenga de cara a sus públicos. En la portada, se sitúa la promoción que se encuentre activa, tratando así que la persona que visita la página se sienta atraída por esta oferta.
Twitter: La mayor característica de Twitter es su interacción con únicamente 140 caracteres, lo que hace que los mensajes sean más claros y concisos. Twitter posee principalmente 2 contactos visuales, la foto de perfil y la portada. Veamos el caso de Media Markt.
En el caso de Twitter, al contrario que pasa con Facebook, la portada suele tener una temática social. Esto se debe a que Twitter es una red social más “social” (válgame la redundancia) que Facebook, en el sentido de que hay un mayor número de publicaciones diarias y se refieren a noticias que están pasando en la actualidad. Por así decirlo, Facebook es una red social para relacionarnos con gente que conocemos, mientras que Twitter es una red social para relacionarnos con cualquier persona del mundo. Por estas razones, las portadas de Twitter de las empresas suelen mostrar cierta empatía humana. En la imagen de perfil, nuevamente se suele poner el logotipo ya que es la identidad de la empresa, aunque en casos muy especiales, como es Coca-Cola, se puede poner el producto.
Un blog, a parte de ayudarte con tu SEO (Posicionamiento en motores de búsqueda), también es un elemento fundamental para mejorar tu imagen en la red. Un blog actualizado y cuidado denota interés de la empresa por el sector, y por aportar información del mismo a su público, ya que no hay que olvidar que la principal finalidad por la que Internet se creó fue compartir información.
Además, el blog será una perfecta plataforma en la que subir información de tus promociones de una manera más detallada que en las redes sociales.
Si poseemos una web propia con una adecuada gestión, un buen diseño de la misma, con su respectivo logo en la parte superior, decorada con los colores corporativos de la empresa, un blog incorporado dentro de la web, y unas redes sociales actualizada y agradable a la vista, tenemos la combinación perfecta para que nuestra presencia online sea la que nosotros queremos.
Obviamente existen muchos mas factores a tener en cuenta, como la calidad de las publicaciones en Facebook y entradas en el blog, una galería de imágenes dentro de la web etc. Pero tampoco queremos agobiarte con todo eso, así que no dudes en ponerte en contacto con nosotros si necesitas cualquier tipo de ayuda.
La Navidad es una época llena de regalos, compras, y visitas a la familia, todo esto sin contar la cantidad de comida que ingerimos.
Pero no solo es época de eso, sino también es época de vender, vender mucho, ya que se realizan muchos regalos. Es una época excelente para dar a conocer un negocio o trabajos que realizamos de forma autónoma. En general, es una época perfecta para aumentar nuestra marca personal o de negocio.
Existen muchas vías y formas distintas para aumentar esta marca, pueden ser campañas de marketing mediante redes sociales, anuncios publicitarios tanto en radio, como periódicos o televisión, banners de publicidad en diversas webs o en Google Adsense e incluso posicionarnos en Google mediante Adwords.
A todo esto, hay que sumarle un aspecto muy importante hoy día y es el hecho de aparecer en Google, es decir, tener algún tipo de "escaparate virtual" para que aquellas personas que están interesadas en tu producto o servicio, puedan llegar a ver lo que ofreces, de manera que el "posible cliente" se puede convencer y comprar/contratar algún servicio/producto en tu propia web.
Hay que tener estos aspectos muy en cuenta hoy día, ya que actualmente no solo sirve vender por algún tipo de medio tradicional o comercio convencional, sino que también es muy importante tener visibilidad en internet.
Git es un controlador de versiones que nos permite crear un entorno de desarrollo conjunto para varias personas. Imagina que estás desarrollando una página web o una aplicación con un grupo de personas y estás editando el mismo fichero. Si guardas el fichero y tu compañero estaba realizando otros cambios antes de que guardaras el archivo, habrás perdido todos los cambios realizados.
Con Git puedes evitar estos problemas, si sobrescribes un archivo y pierdes los cambios no hay problema, Git se encarga de crear una instantánea cada vez que guardas un archivo, permitiéndote no perder código, información ni tiempo.
Git almacena en instantáneas cada vez que confirmas un cambio o guardas tu proyecto, es decir, hace una "foto" del aspecto de todos tus archivos en ese momento.
Para aumentar la eficiencia, si algún archivo no ha sido modificado, en lugar de crear una instantánea del archivo, crea un enlace al archivo anterior para no tener 2 archivos iguales. Con el siguiente esquema entenderás mejor el método de cómo guarda los cambios Git:
Cuando inicias un proyecto con Git, éste por defecto crea la rama "master" (se puede decir que es la rama principal de nuestro árbol de desarrollo, donde tenemos nuestro proyecto funcionando). Puedes crear tantas ramas como sea necesario, también puedes borrar las ramas que ya no necesites.
Imagina que tenemos un proyecto en la versión 1.1 en la rama master, y está funcionando correctamente, pero queremos hacer cambios para un futuro, nos crearíamos una rama llamada develop en la cual iríamos programando y puliendo errores.
Cuando la tengamos lista para publicar, llevaríamos el proyecto a la rama master siendo la versión 1.1.2 y podríamos continuar mejorando nuestro proyecto en la rama develop sin afectar al original (master).
Creación y gestión de repositorios en Git
A la hora de plantear una estrategia de posicionamiento Web es normal que surja la duda de cómo organizar los contenidos o servicios que ofrecemos en él.
Por ejemplo, disponemos de un sitio Web con un Blog de noticias en español pero tenemos editores en España y en México, y cada uno de ellos genera contenido adaptado a su comunidad geográfica basado en intereses o noticias de actualidad en el país, aunque interesante en ambos.
Además contamos con un foro especializado, este servicio genera y atrae a sus propios usuarios a los cuales puede o no interesarles las noticias que se publican en el Blog.
¿Cómo debemos de organizar todo esto para disponer de una estructura entendible por los buscadores?
Es una decisión importante ya que el camino que tomemos puede afectar considerablemente al posicionamiento además de que si te equivocas en esta decisión dar marcha atrás puede tener consecuencias desastrosas.
A continuación vamos a analizar las diferentes opciones de las que disponemos según las necesidades y cómo afecta esto al posicionamiento SEO de tu página Web.
Las opciones que tendríamos serían las siguientes:
Ummm… ¿Cuál elegir? Es complicado, para poder tener una visión global vamos a analizar cada caso comprendiendo sus virtudes e inconvenientes.
La orientación geográfica se basa en diferentes factores entre los que podemos destacar el idioma, la IP del servidor (el país en donde está alojada la Web), la extensión del dominio (.es, .mx) de que países provienen nuestros backlinks, la configuración de las herramientas para Webmaster de Google, la etiqueta META-geo etc…
En nuestro ejemplo una organización mediante GEO Targeting (además de los costes implícitos de disponer de servidores en España como en México y preparar esa infraestructura) nos cubriría el tema del blog pero tendríamos un dilema a la hora de jerarquizar el foro ya que queremos que la comunidad esté formada por usuarios de ambos países.
En este caso nos enfrentamos a decidir si queremos centrar la autoridad en un dominio principal del que por ejemplo cuelgue todo en carpetas o diferentes dominios o subdominios.
La autoridad de un dominio está directamente relacionada con sus resultados de búsqueda por ejemplo como ocurre con la Wikipedia.
¿Entonces que debemos de hacer? ¿Disponer de un dominio en el cual volquemos la autoridad y confianza y organicemos con carpetas o repartirla en diferentes dominios o subdominios?
Si optamos por diferentes dominios (.es, .mx) tenemos que saber que la fuerza del dominio no se traspasa, es como si fueran dos sitios totalmente diferentes.
En el caso de una organización por carpetas toda la fuerza del dominio se mantiene y se distribuye por su estructura.
Si optamos por una organización mediante subdominios es importante limitar convenientemente la cantidad de estos, ya que si disponemos de un número pequeño de subdominios convenientemente enlazados desde el dominio principal los buscadores pueden entender que forman parte de la estructura general del sitio Web, organizando así tu contenido (incluso colocándolos como enlaces de tu sitio).
De esta manera los buscadores además de organizar tu contenido correctamente, traspasarán la autoridad a dicho subdominio. Adicionalmente mantener la misma estructura de navegación Web tanto en el dominio principal como en los subdominios, por ejemplo disponiendo los mismos elementos de navegación (menú superior, pie de página etc…) confirmará de que tu estructura de subdominios pertenece a un sistema jerárquico organizado.
En la actualidad este debería de ser el comportamiento correcto de los buscadores a la hora de estructurar nuestro contenido en sus resultados de búsqueda ya que de no ser así, el buscador puede considerar que el dominio principal y el subdominio son competidores, pudiendo aparecer ambos para un mismo resultado de búsqueda, esto puede parecer bueno pero estaríamos perdiendo el objetivo principal, que es que los buscadores entiendan la estructura de nuestro sitio para mostrar el mejor resultado posible.
Utilizando un sistema de carpetas nos curamos en salud. No necesitaremos disponer de diferentes dominios y configuraciones adicionales o de alojamiento distribuido geográficamente para resolver la organización del sitio Web. Además la autoridad se traspasará convenientemente sin sufrir dolores de cabeza.
Es más fácil, aunque no conseguiremos posicionar tan bien en los resultados geográficos. Además puede ser que queramos aislar nuestros sistemas, por ejemplo en el caso de un foro, instalar el subdominio foro.tusitio.com en un alojamiento diferente con unas capacidades dedicadas por ejemplo a la base de datos y no queremos que ningún otro sistema interrumpa o cuelgue este servicio.
En cualquier caso, debemos de construir una estructura homogénea, en el caso de los subdominios utilizar como he dicho anteriormente los mismos elementos de navegación, menús, enlaces a secciones principales etc… Favorecerá al entendimiento del buscador, si por ejemplo hacemos un subdominio en el que instalamos una aplicación Web y esta no enlaza ni tan siquiera al dominio principal (o el dominio principal a esta) estaremos declarando que este subdominio poco o nada tiene que ver con el sitio principal con sus consecuencias.
En nuestro ejemplo en concreto teníamos usuarios lectores de nuestro Blog mexicanos y españoles, además contamos con un servicio de foro utilizado por ambos.
El interés por el contenido como factor predominante. Vamos a pensar que nuestro contenido es interesante para ambos perfiles geográficos, nosotros basamos todos nuestros desarrollos en la simplificación por tanto vamos a considerar que dado que los contenidos son interesantes para ambos perfiles debemos de llegar a una situación de compromiso además de mixta para optimizar nuestro posicionamiento Web.
tusitioweb.com /es/ Un segundo nivel donde solo se mostrarán noticias para españoles.
tusitioweb.com/mx/ Un segundo nivel donde solo se mostrarán noticias para mexicanos.
foro.tusitioweb.com Subdominio donde instalaremos nuestra aplicación de foro.
Como puedes observar se trata de una solución mixta, por un lado vamos a organizar por carpetas el blog y hemos instalado el foro en un subdominio debido a los requerimientos técnicos de la aplicación (diferentes al sitio principal).
En esta ocasión hemos visto las diferentes prácticas para organizar jerárquicamente nuestro sitio Web, hemos analizado las diferentes opciones disponibles sus ventajas y sus inconvenientes.
Antes de decidirte por tu estructura deberías de hacerte las siguientes preguntas:
¿Tengo el conocimiento técnico para configurar mi sitio y resolver a diferentes dominios geográficamente?
¿Cuento con los recursos necesarios de alojamiento? ¿Son asumibles los costes en relación al rendimiento económico del proyecto?
Espero que te haya gustado este artículo, si tienes cualquier duda o comentario al respecto puedes hacerlo a continuación o contactándonos por cualquier vía de las disponibles en Hostingato.
Ahora al registrar cualquier dominio en Hlostingato, puedes disfrutar gratuitamente de una cuenta de correo electrónico profesional. Al enviar correos a tus clientes y proveedores con un email en el que se indique el nombre de tu empresa transmites una imagen más profesional y seria.
Por ejemplo, Alejandro tiene una empresa de venta y montaje de puertas.
Y no es lo mismo Esta dirección de correo electrónico está siendo protegida contra los robots de spam. Necesita tener JavaScript habilitado para poder verlo. que Esta dirección de correo electrónico está siendo protegida contra los robots de spam. Necesita tener JavaScript habilitado para poder verlo.
Con la segunda opción Alejandro transmite una imagen más profesional de su negocio.
Lo que sí es lo mismo es el coste de disponer de tu propio dominio y correo profesional.
1 cuenta con buzón de 1GB y 5GB de transferencia mensual.
Alias y redirecciones de correo ilimitadas (Puedes crear redirecciones por ejemplo de Esta dirección de correo electrónico está siendo protegida contra los robots de spam. Necesita tener JavaScript habilitado para poder verlo. hacia Esta dirección de correo electrónico está siendo protegida contra los robots de spam. Necesita tener JavaScript habilitado para poder verlo.).
Respuesta automática (por ejemplo durante tus vacaciones).
Webmail, para que puedas acceder a tu correo desde cualquier navegador Web.
Antivirus y Antispam.
Panel de gestión exclusivo donde puedes realizar cualquier cambio tú mismo.
Comprueba ahora si tu dominio está libre en https://hostingato.com/dominios.html.
¿Está tu Web preparada para cumplir con la ley sobre cookies?
Incumplir la nueva ley de cookies puede acarrear multas de hasta 150.000 euros (Primeras dos Web multadas en España).
Los cambios realizados en la Ley de Servicios de la Sociedad de la Información (LSSI) y los sitios Web expedientados y sancionados por parte de la Agencia Española de Protección de datos (AEPD) han llevado a muchos clientes a preguntar sobre esta modificación en su página Web.
La modificación de la LLSI ahora se impone dos obligaciones en el apartado segundo del artículo 22.
El deber de información sobre el uso de las cookies.
La obtención del consentimiento del usuario para la instalación de cookies en su navegador.
Guía de la AEPD sobre como cumplir con la ley: Ver guía.
Podrías ser expedientado y multado con hasta 150.000 euros, cada vez son más las Webs adaptadas a la nueva Ley.
Agencia de Protección de Datos - Guía sobre el uso de las Cookies
Real Decreto-ley 13/2012
Ley 34/2002, de Servicios de la Sociedad de la Información y de Comercio Electrónico (LSSI)
El parallax (o paralaje en español) es utilizado para dar la sensación de utilizar elementos en tres dimensiones gracias a movimientos en diferentes capas y a diferentes velocidades.
En este artículo vais a aprender como hacer un efecto parallax sencillo y algunos datos para poder realizar acciones mas complejas.
Lo primero que hay que hacer es crear la estructura básica en html. Este ejemplo va a tener un fondo y 3 planetas que se moverán en direcciones opuestas y a velocidades distintas.
A este código se le pondrá un estilo básico (CSS) para poder visualizar la sensación de parallax.
Ahora que está la base de la página creada tocará realizar la función para animar los elementos con jQuery. Esto puede ser utilizado en cualquier elemento, aunque lo mas común es hacer movimientos mas lentos en los fondos.
Como se puede ver, lo que hace es llamar a la función parallaxScroll() cuando se realiza un scroll en la pantalla. Esta función recoge el movimiento de la pantalla en eje Y (vertical) y es lo que utilizaremos para mover la posición de un elemento hacia cualquier dirección.
En la misma operación se elige la velocidad a la que queremos que vaya, haciendo que multiplicar por un número mayor que 1 la aumente y un número entre 0 y 1 la disminuya respecto a la velocidad normal del scroll.
Recordad que el parallax ofrece mucho juego pero excederse puede ser un error sobre todo en una web profesional.
Antes de empezar a utilizar git, lo primero que debes hacer es configurar nuestros datos personales:
(Suponiendo que ya lo tienes instalado, si no lo tienes puedes descargarlo e instalarlo de aquí: http://git-scm.com/downloads)
Esta información es importante configurarla, pues cada vez que guardes los cambios con git, se registrarán en los logs y aparecerá el nombre y el correo de la persona que ha hecho los cambios. Esto es muy útil cuando trabajas en grupo y saber los cambios que realiza cada uno.
También es interesante configurar otras opciones como el editor que queremos que utilice git por defecto y habilitar que se coloreen las diferencias en los commits para visualizar mejor los cambios.
En linux por ejemplo si queremos usar nano sería:
En Windows como trabajamos directamente desde el editor no es necesario configurar los parámetros anteriores.
Para la creación del primer repositorio, utilizaremos un proyecto de ejemplo sencillo con la siguiente estructura:
Creamos la carpeta my-project
/my-project
/my-project/css
/my-project/index.php
/my-project/css/style.css
Para iniciar git en el proyecto, hay que ir a la carpeta raíz que contiene todos los archivos e iniciar git:
Bien, ya está iniciado git en nuestro proyecto, ahora hay que registrar los archivos que hay dentro, una vez registrados, comprobamos el resultado:
Al introducir el comando “git status” se puede ver el estado en el que se encuentra git. Se encuentra en la rama master y se han añadido 2 archivos que están pendientes de confirmar.
Si quieres añadir un archivo en concreto, en lugar de añadir todos los archivos, puedes hacerlo con el mismo comando:
Para finalizar, hay que confirmar los cambios que se han realizado:
Las ramas de git es la parte más importante de este software y, por tanto, es fundamental aprender a usarlas. Por defecto sólo tendremos la rama “master”, puedes ver las ramas y en la que te encuentras con el siguiente comando:
Lo más recomendable es no trabajar nunca sobre esta rama, aquí sólo se deben guardar los archivos que estén terminados y no vayas a modificar más. Lo primero que hay que hacer es crear otra rama que se llamará por ejemplo “develop” y ponerla activa para trabajar sobre ella.
Estos comandos se pueden simplificar en uno sólo:
Esta rama “develop” se utiliza para guardar archivos con partes de código que están bien, pero todavía no está completados, todavía necesitan más desarrollo. Para ello, se suelen crear otras ramas para trabajar en los ficheros. Para trabajar de esta forma, debes crear otra rama que se llamará “develop-index”. Esta rama será sobre la que trabajaremos, abre el fichero index.php y escribe un código de ejemplo. Cuando lo tengas, guarda los cambios con un commit:
Ahora editamos el archivo index.php para añadirle contenido.
Y guardamos añadiendo un comentario (Git no te deja hacer commit sin dejar el comentario)
Ya están los cambios hechos y guardados en la rama “develop-index”. Para ver realmente la utilidad de las ramas, realiza un cat del fichero index.php en la rama “develop-index” y en la rama “develop”, obtendrás los siguientes resultados:
Como puedes observar, los cambios aparecen sólo en la rama “develop-index”, en la rama “develop” el archivo está vacío, esto es porque has trabajado sólo en la rama “develop-index” y has guardado los cambios en ella.
Si analizas el script y compruebas que la sintaxis está bien y funciona correctamente, quiere decir que ya tienes una parte del código a desarrollar bien y que no quieres perder. Entonces, lo que debes hacer es guardar los cambios en “develop” para seguir trabajando después sin riesgos en la rama “develop-index”:
En esta entrada hemos visto la configuración inicial de Git, la creación de ramas, registro de archivos y fusion de ramas.
¿Qué es Git? - Introducción
Creación y gestión de repositorios en Git
Trabajando con Sublime y Git en servidor remoto
Publicar un proyecto Web controlado por Git