Acerca de Tomás Esteban

Digital Manager in top leading retail companies. I help online businesses selling more by optimizing traffic, UX and CR.

Diferencias entre título “title” y titular “h1”

diferencias-entre-titulo-y-titular

El título de página se construye con la etiqueta title que se coloca siempre dentro de las etiquetas head es decir, en la cabecera del documento. El título de la página sólo es visible para el usuario en dos momentos: en la pestaña del navegador y como una entrada en la página de resultados del buscador porque el contenido de la etiqueta <title> forma parte junto con la URL y la meta descripción del snippet. El snippet es la entrada sobre nuestra página que muestra la página de resultados del buscador.
El titular de la página se construye con la etiqueta h1 que se coloca siempre dentro de las etiquetas body , es decir, en el cuerpo del documento. El titular de la página forma parte destacada del contenido de la página ya que a través de CSS se modifica el estilo del contenido al que se aplica la etiqueta h1 para que el titular adopte un mayor tamaño, en negrita y con mayor separación (interlineado) con el resto del texto.

¿El título title y el titular h1 deberían ser exactamente iguales?

No, no es necesario ni conveniente que sean idénticos, pero si resulta fundamental que el contenido de ambas etiquetas sea consistente. Es decir,  deben de decir lo mismo, aunque el texto sea en parte diferente.
Me explico con más detalle.
Como decíamos más arriba, el title sólo es visible para el usuario en la pestaña del navegador y como una entrada en la página de resultados del buscador. Sabiendo que nuestra misión es atraer trafico orgánico a nuestro website podemos tener un title más corto, centrado en la palabra clave y enfocado a conseguir más clics del usuario y un h1 más largo, que despierte el interés del usuario para que siga leyendo el resto de la página.
Por ejemplo:
title > Consejos para ganar más tráfico orgánico
h1 > Consejos que te ayudarán a ganar más tráfico orgánico rápidamente
La etiqueta h1 ayuda a entender al navegador qué es lo más destacado del documento. Es también un buen lugar para incluir una keyword secundaria o alguna variación semántica de las palabras clave principales que refuercen la estrategia de keywords que estamos utilizando.
Como dicen los especialistas en SEO, “es conveniente que el h1 no sea exactamente igual que el title, pero sí que sea parecido para dar una sensación de continuidad, y que el visitante “vea” en la página lo que ha pinchado en los resultados

 

Anuncios

Posicionar una marca es muy fácil

posicionar-una-marca-es-facil

Posicionar una marca es muy fácil.

La marca del negocio suele estar presente en el nombre del dominio.

El nombre de los productos/ servicios pueden ser también nombres de dominios redirigidos o son palabras que están también presentes en la navegación principal del website. Si los productos/ servicios tienen nombre comercial son páginas destacadas del website que forman parte de los primeros niveles de la estructura o incluso son landings pages.

La propiedad industrial e intelectual sobre las marcas, el registro de marcas, también ayuda a que sean nombres únicos en la Red que ninguna otra marca puede utilizar.

Marca principal y nombres de productos/ servicios están también presentes en los elementos más destacados del website. Navegación, títulos de las páginas, URLs, metadescripción, encabezados, enlaces internos, etc. Son los protagonistas del wesbite.

También es fácil pensar que fuera del website existen gran cantidad de enlaces (backlinks) de diferentes dominios que utilizan tanto el nombre de la marca como el de los productos/ servicios como anchor text.

También te ayuda el hecho de tener tráfico, tus clientes, tus usuarios, que buscan tu marca y sus productos/ servicios y no paran hasta encontrar tu web porque necesitan algo de ti.  Son personas que buscan tus contenidos, tu información.

Posicionarse por palabras clave de marca es muy, pero que muy fácil. Cualquiera lo puede hacer.

Lo que es más complicado es conseguir posicionar palabras comunes, genéricas, las que describen una categoría de productos y/ o servicios y hacer que nuestra marca sea uno de los principales resultados de la página del buscador.

Más complicado aún es ser un franquiciado o un distribuidor y querer posicionarse por la marca que todo el mundo conoce y cuya propiedad detenta el master franchise, el dueño de la franquicia, el fabricante.

Que una empresa reciba más o menos tráfico de marca depende del número de clientes/ usuarios que acudan a los buscadores y utilicen la marca como parte principal de sus consultas.

Si es una marca desconocida tendrá poco tráfico, porque lo que no se conoce no se puede buscar.

Si es una marca muy conocida, pero poco demandada en una determinada geografía, tampoco tendrá mucho tráfico. Por ejemplo La marca de electrodomésticos de cocina Smeg es muy famosa, pero no creo que tenga el tirón que pueden tener otras marcas domésticas como Zanussi, Bosch, Balay, etc.

También el precio de los productos/ servicios supone un handicap a la hora de recibir tráfico. Por ejemplo los relojes Panerai (12.000€ de media) son muy conocidos, pero no creo que sus búsquedas sean muy populares.

El mejor SEO es el branding

el-mejor-SEO-es-el-branding

Dicen que el mejor SEO es el branding.

Una marca se posiciona en la cabeza de sus usuarios.

La exposición a la marca genera conocimiento.

Una exposición notoria de la marca genera recuerdo.

Sólo podemos recordar (de forma espontánea o sugerida) una marca que conozcamos. Porque lo que todavía no se conoce no se puede buscar.

Podemos buscar una categoría de productos o servicios utilizando palabras comunes que describen el producto/ servicio y encontrarnos una marca posicionada entre los resultados (nombre propio).

A través del SEO podemos hacer que un frase genérica de búsqueda nos muestre un resultado asociado con una marca. De esta forma la marca se apropia del mayor volumen de tráfico que tiene una palabra común.

Consulta de búsqueda del usuario = primer resultado en la SERP
“navaja de bolsillo” = Victorinox

Incrementar el posicionamiento orgánico de nuestra marca influye directamente en su visibilidad (findability) en la capacidad de ser encontrada.

Estar presente con nuestra marca en los resultados de búsqueda, incrementa el awareness de marca (conocimiento) y la notoriedad de marca (seremos más notorios/ relevantes). Conocimiento y notoriedad influyen directamente en el recuerdo de nuestra marca (espontáneo y sugerido).

Si hay un conocimiento previo de nuestra marca puede haber un reconocimiento.  Podemos suponer que la exposición frecuente a una marca hace que al final la asimilemos y la interioricemos.

Pero que el usuario utilice frases de búsqueda conteniendo el nombre de nuestro negocio (marca/ producto/ servicio) es independiente del SEO.

El tráfico orgánico de marca muestra el nivel de popularidad de la que goza nuestro negocio (producto/ servicio) en el ámbito geográfico al que nos dirigimos. Refleja que los usuarios “tienen en mente” nuestra marca.

La visita al website de una marca genera un experiencia de usuario (UX, User eXperience). Es el usuario quien juzga la relevancia y pertinencia de la propuesta de valor que hacemos. Es el usuario quien valora la accesibilidad y la interacción que le ofrece la interfaz de usuario (UI, User Interface). Es el usuario quien resuelve su consulta de búsqueda en función de la arquitectura de información del website (IA, Information Architecture).

El usuario obtiene un conocimiento de la marca a través del contacto que ha establecido con el website (con la presencia digital, sea ésta cual sea). Si la experiencia es notoria, relevante, el usuario estará construyendo un recuerdo directamente proporcional al impacto recibido. En función de ese impacto nuestra marca será un recuerdo sugerido o un recuerdo espontáneo.

Cuando el recuerdo de marca es espontáneo por parte del usuario decimos que la marca se ha posicionado en el top of mind. La marca es la primera palabra con la que el usuario designa una categoría de producto/ servicio. Por ejemplo

“victorinox” = navaja de bolsillo, navaja multiuso

 

Diseño web a medida

El diseño a medida trata de aumentar la eficacia y eficiencia de la web como canal de comunicación. Adecua la presencia online, el website, a las necesidades actuales y futuras de su audiencia (público objetivo y targets). El objetivo del diseño a medida es hacer que el usuario obtenga una mejor experiencia (user experience).

Para poder hacer diseño a medida hay que partir antes de una jerarquía bien elaborada de contenidos (arquitectura de la información). La misión del diseño a medida es aplicar una capa de diseño gráfico (diagramación, color, tipografías, imágenes, etc) sobre una estructura técnica (la programación) para mejorar la funcionalidad e interactividad del website.

El diseño a medida puede tener hasta 4 etapas bien marcadas (1) Sketch, (2) Wireframe, (3) Mockup y (4) Protopotipo. Pero para agilizar los procesos (y abaratar también los costes) se suele resumir en sólo 2 fases de trabajo con el cliente que quiere desarrollar el website:

  • Fase I > Wireframes
  • Fase II > Mockups

Fase I, Wireframes

Los wireframes son bocetos en blanco y negro (baja fidelidad) que describen:

  • la arquitectura de la información (IA) del website (navegación y jerarquía de los contenidos)
  • los principales flujos de interacción del usuario con el website (paths)
  • la diagramación de la interfaz de usuario (UI) de cada una de las páginas principales (secciones y subsecciones del website)

Estos wireframes constituyen la base sobre la que se desarrollarán en una fase posterior los mockups.

En un proyecto web estándar se suelen presentar al cliente alrededor de 10 wireframes.

Wireframe Mockup

Fuente, Brainhub

 

Fase II, Mockups

Una vez que el cliente aprueba los wireframes se procede a la realización de mockups. Los mockups son ficticios en color (alta fidelidad) que mediante la aplicación de elementos gráficos (color, tipografías, imágenes, etc) tratan de definir la apariencia final que tendrán las principales pantallas del website.

En un proyecto web estándar se suelen presentar al cliente alrededor de 5 mockups que se reparten en las principales secciones y subsecciones del website.

Maquetación HTML

Una vez aprobados los mockups por el CLIENTE se procede a la maquetación de los mismos utilizando HTML/ CSS/ JS. Es decir, se trabaja en la apariencia visual del website, en la interfaz en la que se produce la interacción con el usuario (client side) también llamado front-end. Una vez realizada la maquetación del website podemos enlazar directamente unas páginas con otras y ofrecer una experiencia aproximada de la navegación del website, pero sin ninguna de las funcionalidades, ya que éstas se desarrollarán en una etapa posterior.

El cliente puede acceder a través del servidor de pre-producción a las páginas que conforman su website. Es una experiencia de navegación muy próxima a la experiencia real que experimentará el usuario en el website.

Desarrollo/ Programación

Cuando el cliente valida la maquetación del front-end se procede entonces a la programación de las diferentes funcionalidades con las que cuenta la web. Estas funcionalidades se construyen en el servidor (server side), también llamado back-end. Cuando se concluye esta etapa el cliente puede acceder a través del servidor de pre-producción y vivir una experiencia real de navegación.