Hasta el momento la etiqueta div se ha utilizado para delimitar las distintas secciones de navegación en el sitio web. Como era de esperar, los nuevos elementos semánticos que incorpora la nueva versión de HTML serán las herederas de la genérica <div>.

Sin embargo, todavía podemos encontrar algunas aplicaciones para nuestra querida etiqueta, principalmente utilizaremos la etiqueta <div> en los casos en que tengamos que aplicar estilos concretos o simplemente cuando no tengamos ninguna otra etiqueta semántica a la que recurrir.

Estas son algunas de las aplicaciones:

-    Imagina que quieres crear un bloque que destaque sobre los demás elementos de la página, con un estilo determinado y en una posición concreta, se trata de un elemento que funcionaría en paralelo con la estructura de la página, en este caso, tendría sentido utilizar una etiqueta <div>.

-    Div como wrapper. Son muchos los que utilizan <div> para acotar el contenido del sitio web, en este caso estaríamos dando un uso apropiado debido a que la única función que le estamos dando está enfocada al estilo.

-    Dentro de un párrafo. En un mismo párrafo puede ser interesante marcar una sección del mismo con un estilo distinto, por ejemplo, la introducción.

Para determinar qué elementos utilizar en cada caso es necesario evaluar cuidadosamente el contenido de la página. El buen uso de las etiquetas semánticas ayudará al posicionamiento web. Todos los nuevos elementos que ofrece el HTML5 nos permitirán optimizar la estructura de nuestra web consiguiendo así que sea mucho más comprensible para los buscadores.

No obstante, nuestra querida div siempre estará ahí cuando no sepamos a qué otra recurrir.

Related posts:

1. Atributo rel en los enlaces en HTML5
2. Nuevas Incorporaciones en Onetomarket
3. Características de HTML 5

Durante el debate se discutieron varios temas como por ejemplo cuál es el rol de un SEO. En este punto hubo disparidad de opiniones, desde aquellos como Javier Casares que defienden que un SEO debe encargarse de analizar y aplicar todos los aspectos técnicos del sitio web (conectividad, optimización de código fuente…) a los que creen que un SEO debe encargarse de la supervisión pero no de la implementación como Jose Llinares.

Además se habló de aspectos importantes del SEO como:

- La última actualización del sistema de indexación de google (Google Caffeine), y como este aumenta el long tail de palabras clave.

- También de cómo Google no posiciona el contenido duplicado y mejora la experiencia de usuarios mostrando resultados más relevantes en sus consultas de búsqueda y mostrando resultados de búsqueda universal.

- Uno de los temas de los que más se hablo y al que dieron mucha importancia fue la conectividad. Se habló de la importancia de la conectividad y la velocidad de carga, se comentó que se recomienda que el umbral de tiempo de carga de una página sea alrededor de 2,5 segundos, por lo que se hace cada vez más importante tener un buen ancho de banda contratado, así como activar caches, la optimización del código pensando en reducir tamaño de los archivos y la localización geográfica del servidor. En este punto todos los asistentes coincidieron en haber experimentado importantes cambios en el tráfico de sus sitios, llegando a incrementar el tráfico en webs hasta un 30% en algunos casos.

- HTML5 parece que va bien para indexar, aunque se hizo especial hincapié en lo novedoso de la tecnología, que aún no está pulida al 100%, de manera que n o es recomendable en estos momentos para la creación de portales destinados al gran público (según José Llinares), entre otros motivos por la falta de compatibilidad de algunos navegadores con el HTML5, aunque Casares defendió a ultranza las webs con programación en  HTML5.

- El uso de microformatos o microdatos, es muy interesante para contextualizar la información de la web al robot de búsqueda. Esta técnica no es nueva, ha sufrido varios cambios de formato y codificación hasta llegar a los microdatos. Inicialmente se diseñaron para hacer accesible la información a los usuarios pero su uso se ha ido extendiendo hasta tener como objetivo mejorar el SEO técnico en la actualidad.

- Optimización de los archivos externos a la carga de la web como pueden ser imágenes, archivos de estilo CSS y funciones externas de javascript.

Entre otros aspectos, se relataron el mal uso de pies de página cargados de enlaces, la densidad de palabras clave demasiado alta… y así se concluyó una agradabe velada SEO en Barcelona.

Related posts:

1. Importancia de la seguridad y otros aspectos técnicos de la web en el posicionamiento

El atributo rel no es nada nuevo, se ha utilizado durante muchos años para hacer linkbuilding sculpting, con el valor no-follow, para indicar al buscador que no siga este enlace. Con el cambio que de hace un año en la transferencia de linkjuice, el abuso de este atributo empezó a dar el efecto contrario.

Este post trata de cómo aprovechar el atributo rel y sacarle partido.

rel=”alternate”
Este atributo es interesante ya que lo podemos utilizar para poder mostrar el mismo contenido en otro formato, por ejemplo, la versión imprimible, o la versión en pdf de un producto. Es interesante ya que nos evita estar preocupados por contenido duplicado y de esta forma podemos eliminar el atributo no-follow.

rel=”autor”
Interesante atributo para enlazar al autor de un artículo o post, así como al productor de un producto. Es una buena forma de contextualizar enlaces a otras categorías de la web o de los enlaces externos.

rel=”up”
Nos da una idea de la jerarquía de una web, parece interesante para utilizarlo en la creación de breadcrumbs y en los enlaces desde un producto a su categoría de productos.

Como veis los beneficios del HTML 5 van en la línea del HTML semántico y de poder ofrecer a los buscadores información sobre nuestro contenido para que lo posicione adecuadamente.

¿Qué opinas del HTML 5? ¿Conoces algún truco que quieras compartir?

Related posts:

1. Características de HTML 5
2. Introducción al HTML 5
3. Contenido Online: crucial para clientes… y empresas

Desde el inicio de la competición Google incorporó algunos cambios en sus resultados, dio prioridad a los resultados de noticias, los resultados de los partidos, etc. Para las búsquedas relacionadas con el Mundial todavía podemos ver el widget ubicado en la primera posición que muestra una agenda y resumen de los partidos. Además, cambió sus letras destinadas a la paginación (Goooogle) por “Goooooool” para todas sus búsquedas.

YouTube también añadió su punto divertido en algunos de sus vídeos incorporando un pequeño botón con la imagen de una pelota de fútbol que emulaba el sonido (o ruido) de las vuvucelas.

Pero, sin duda, los principales generadores de buzz en Internet han sido las redes sociales. Aparte de la infinidad de grupos que se crearon en Facebook, la mayoría de páginas de empresa hacían alusión al Mundial ya fuera con promociones o simplemente para generar conversación. Un ejemplo claro es la campaña que lanzó Iberia justo al terminar la final. En el momento en que España se proclamó vencedor, Iberia publicó en su página de Facebook la oferta de “¡Campeones!”; en ella ofrecía el 50% de descuento en vuelos a España y Europa.

En lo que respecta a Twitter, no tenías más que hacer una búsqueda por alguno de los numerosos hashtags relacionados con el Mundial de fútbol (#worldcup, #esp, etc.) para darte cuenta de la actividad generada. En los resultados en tiempo de real apenas alcanzábamos a leer los tweets, debido a la velocidad vertiginosa con la que rotaban.

Todo este movimiento generado en Internet se pudo ver claramente reflejado en el volumen de búsquedas para palabras como Mundial, world cup, waka waka, selección española y, cómo no, beso casillas. Conseguir un buen posicionamiento web para todas estas palabras se fue complicando a medida que nos íbamos adentrando en la competición.

Desde mucho antes de comenzar la competición destacaron las siguientes palabras clave: World cup, Mundial 2010, Mundial Sudáfrica.

La diferencia de volumen comenzó a notarse a finales de abril pero no fue hasta la primera semana de junio cuando se observó un incremento exponencial. Sin embargo, los internautas futboleros no mantuvieron su interés hasta la final. El pico de búsquedas se obtuvo durante la tercera semana de junio y se ha mantenido en continuo descenso hasta el día de hoy.

En lo que respecta a la selección española, la tendencia creciente no ha cesado desde el mes de mayo, disparándose después de su clasificación para los cuartos de final.

El gráfico siguiente nos muestra cómo se dispararon las búsquedas relacionadas con los jugadores de la selección (David Villa, Iker Casillas/Casillas e Iniesta):

El Mundial de fútbol de Sudáfrica 2010 ha hecho historia no sólo por la victoria de nuestra selección, sino por la tremenda repercusión que ha tenido en Internet. Ha sido el primer Mundial con redes sociales. En Alemania 2006, Twitter apenas estaba naciendo y Facebook estaba en plena fase expansión. En la actualidad Twitter ya cuenta con 75 millones de usuarios y Facebook está a punto de alcanzar los 500 millones. No sabemos si España volverá a ganar el mundial pero el éxito del medio online parece tener un triunfo garantizado. ¿Algún pronóstico para Brasil 2014?

Related posts:

1. Reputación Online y Redes Sociales
2. Redes sociales y analítica web
3. El boom de las Aplicaciones en Redes Sociales

Todo apunta a que esta nueva versión nos facilitará bastante el trabajo, ya que el HTML 5 viene a ser una versión mucho más semántica que la actual.

Muchas de las etiquetas antiguas permanecerán (que no cunda el pánico, <div> está entre ellas), no obstante aparecerán muchas más que afectarán principalmente a la estructura de la página:

• section: utilizado para representar una sección dentro de un artículo.
• header: utilizado para definir una cabecera de un documento HTML o una sección (no confundir con la antigua etiqueta <head>.
• footer: utilizado para definir el pie de página de un documento HTML o una sección.
• nav: etiqueta utilizada para definir secciones de navegación para dentro del mismo sitio web.
• article: define una sección para incluir una entrada a un blog, revista, etc.

Otra de las características destacable es la posibilidad de inclusión de contenido multimedia gracias a las etiquetas “audio” y “video”, que proporcionan una API para integrar archivos multimedia.

La integración de HTML 5 en el desarrollo web no solo incorpora nuevas etiquetas sino que además aporta algunos cambios con respecto a la versión anterior.

Atributos como “long desc” o “name” de la etiqueta img desaparecen. Tampoco los elementos “frame” y “frameset” formarán parte de esta actualización.

Todos estos cambios y muchos más tienen como objetivo conseguir un código mucho más limpio y una mejor segmentación en la página. Lo que se pretende es conseguir una estructura semántica que sea más fácil de interpretar para los buscadores pudiendo ser examinada de manera más eficiente.

Gracias al HTML 5 los buscadores podrán encontrar fácilmente el contenido principal o más relevante de la página y gastar menos recursos y tiempo en los menús, footers u otros elementos no relevantes de la página.

Consulta nuestros artículos sobre marketing en buscadores en nuestra base de conocimiento para obtener una visión más detallada del HTML 5. Semana a semana iremos actualizando esta información.

Related posts:

1. Introducción al HTML 5
2. Contenidos web para usuarios y buscadores: jerarquía y formato
3. SEO y SEM son una única estrategia de marketing de buscadores

• Elemento Canvas: será posible renderizar imágenes sin necesidad de plug-ins
• Elemento Vídeo: integrar vídeos sin necesidad de plug-ings. Una nueva forma de mostrar vídeos online
• Geolocation: HTML 5 utilizará un nuevo sistema de geolocalización por medio de Wi-Fi a Internet conexión GPS. Incluso podrá dar la dirección exacta
• Aplicaciones web Offline: se permitirá al usuario continuar interactuando con la web incluso sin conexión

Comparación de estructuras:

HTML 4	HTML 5

1. Nuevos elementos:

• section: puede ser un capítulo, una sección o cualquier cosa de incluya su propio encabezamiento
• header: cabecera de una página. No confundir con la etiqueta <head>
• footer: donde se incluye la letra pequeña; la firma en un mensaje
• nav: una colección de enlaces a otras páginas
• article: una entrada a un blog, revista, etc.

2. Bloques de elementos semánticos:

• aside: representa cualquier elemento que esté fuera del flujo narrativo; una anotación que complementa el texto
• figure: para asociar cualquier contenido multimedia a un título o leyenda

3. Elementos inline

• mark (<m>): representa un texto resaltado
• time: representa una fecha u hora
• meter: representa un valor numérico
• progress: representa el estado de una tarea

4. Integración de elementos multimedia

• audio: integra un reproductor de audio
• video: integra reproductor de video

Related posts:

1. Cómo optimizar vídeos para mejorar el posicionamiento
2. Optimización contenidos (SEO): Aumenta el tráfico a su web
3. AdSense apunta a los Vídeos

Evento SEO: SEO y reputación online

Ayer estuvimos en Evento SEO hablando de reputación online y SEO, junto a Víctor Puig de Overalia y Lakil Essady de Nurun, con José Llinares (también de Nurun) como moderador. Tratamos diversos temas, este es un resumen de lo más destacado:

La reputación online es importante y cada vez más empresas la tienen en cuenta porque los comentarios negativos tienen mucha más audiencia que antes. Y es cuantificable: ¿has probado cuántas búsquedas al mes tiene en Google el nombre de tu marca?

El posicionamiento en buscadores (SEO) es una disciplina esencial para la reputación online, porque al optimizar contenidos positivos generados por la empresa ayuda a que posicionen bien y, como consecuencia, muy a menudo los comentarios negativos pierden posiciones en las páginas de resultados de los buscadores. En este sentido, aproveché para destacar que a menudo la colaboración con nuestros clientes en la generación y optimización de contenidos tiene la recompensa para ambas partes de ver cómo la empresa empieza a gestar y desarrollar sus propias estrategias de comunicación online. El SEO beneficia a la comunicación online y a la reputación online, y se crea una sinergia muy útil, porque el SEO  a su vez se beneficia de la generación de estos contenidos para obtener mejor posicionamiento y mayor visibilidad para los contenidos de la empresa.

Si el SEO es importante para la gestión de la reputación online, también lo es la figura del community manager. Es necesario saber qué hacer con los comentarios negativos: saber valorar su importancia, saber cómo responderlos, crear las condiciones para transformar a un crítico con la marca en un promotor, etc.

Todos los participantes en la mesa redonda estuvimos de acuerdo en destacar que si bien la prevención sería la estrategia más adecuada en la gestión de la reputación online de la empresa, la inmensa mayoría de los proyectos en los que trabajamos son paliativos; y también hubo unanimidad en destacar que no existe por lo general una integración entre la estrategia off line y online de las empresas; de hecho, en ocasiones tenemos que trabajar con empresas que no tienen simplemente un problema de reputación online, sino que tienen problemas estructurales graves que se reflejan en su identidad digital, en la imagen que dan en Internet y, como consecuencia, también en su reputación.

En estos casos, al mismo tiempo que se aplican medidas paliativas para luchar contra los comentarios negativos, es imprescindible crear una estrategia más a medio y largo plazo que suponga un cambio en la manera en que funciona esa organización. Si no se intenta, lo más probable es que las acciones de gestión de la reputación online tengan que hacer frente al hecho de que la desaparición de los comentarios negativos sea solo momentánea, y que cíclicamente vuelvan a copar las primeras posiciones en los buscadores.

Related posts:

1. Reputación Online y Redes Sociales
2. Contenido Online: crucial para clientes… y empresas
3. Marketing interactivo para tiendas online

Fundamentalmente Jose explicó cómo Onetomarket puede ayudar a las tiendas online a descubrir cuáles son los productos que tienen más engagement entre los usuarios y cómo pueden potenciar esos productos. Cuando se crea una tienda online, los primeros meses son de crecimiento de visitas y ventas, luego las cifras se estabilizan. Ese es un buen momento para plantearse qué hacer para continuar creciendo. Es cuando los responsables se paran a analizar sus productos, los procesos de la tienda, qué está funcionando y qué no…

En Onetomarket ayudamos a las tiendas online a potenciar sus productos, concentrando los esfuerzos en aquellos que realmente consiguen más engagement de los usuarios de la tienda y convierten mejor. Para ello, lo primero es definir cuáles son esos productos, utilizando parámetros relevantes para el negocio en cuestión: pueden ser ampliación de fotos, descarga de PDF, uso del formulario de contacto desde la página del producto, o cargar el producto en el carro de la compra.

A partir de ahí, las estrategias para potenciar esos productos son variadas: posicionamiento en buscadores (SEO), publicidad en buscadores (SEM), comunicación, optimización interna de la página, display, email… Te ayudamos a elegir la estrategia adecuada a tu negocio y tus productos.

En el caso de elegir SEO para potenciar esos productos, conviene llevar a cabo un buen análisis de keywords que permita agruparlas por temática y sobre todo realizar seguimiento de la evolución de estos grupos de palabras clave, para lo que recomendamos el uso de nuestro dashboard de marketing online. Contáctanos si quieres obtener más información sobre el dashboard.

Related posts:

1. La estrategia de marketing en Internet de las tiendas online
2. Contenido Online: crucial para clientes… y empresas
3. Homair ha optado por Onetomarket en marketing online

Prueba ahora OTMDashboard sin compromiso

La gran ventaja de OTMDashboard es la facilidad de uso: no necesitarás navegar por la infinidad de opciones que te ofrece Google Analytics para medir tu proyecto de marketing online. Con un simple golpe de vista, obtendrás los datos que te permitirán controlar la evolución del proyecto, calcular los beneficios y definir las siguientes acciones a través del análisis de la información obtenida.

¿Qué consigue nuestra herramienta? De un simple vistazo cada empresa tiene en una única página de OTMDashboard, accesible en cualquier momento, aquellos datos con los que puede saber si la campaña SEO va bien o no, si su inversión en posicionamiento en buscadores está siendo rentable. A partir de la información extraída por grupos de palabras clave, landing pages, seguimiento de los formularios, etc, observamos el desarrollo del proyecto e identificamos las necesidades, de forma que estamos al tanto de la evolución y añadimos mejoras de forma continuada. Este punto es fundamental, ya que los proyectos de posicionamiento en buscadores son cíclicos, es decir, hay que medirlos para continuar aplicando mejoras.

Los datos que ofrece el cuadro de mandos de Onetomarket no son los mismos en todos los casos, cada organización necesita unos distintos: ¿tienes una tienda en internet? Necesitas saber si las visitas desde tráfico orgánico compran. ¿No vendes online pero tienes mucho contenido valioso? Necesitas conocer la evolución de las páginas por visita y el índice de fidelización. Y como estos ejemplos, muchos más.

OTMDashboard muestra en el panel principal los siguientes gráficos para 3 tipos de tráfico: SEO, SEM, y resto del tráfico:

1. Visitas: Evolución de los 12 últimos meses
2. Conversiones: Definidas específicamente para cada cliente.
3. Nuevas visitas: Visitas que llegan por primera vez al sitio web.

Estos 3 gráficos son comunes a todos los clientes y sirven para ver en menos de un minuto si tu campaña SEO está siendo rentable. ¿Aumentan las visitas desde buscadores pero las conversiones de estas visitas descienden? Ahí hay un problema, haberlo identificado es el primer paso para averiguar por qué y resolverlo.

Además de estos datos esenciales, la misma herramienta ofrece otras informaciones relevantes en función de las necesidades del cliente: ¿rendimiento de grupos de palabras clave concretos en las campañas de SEO? Lo medimos. ¿Tráfico orgánico de marca? También lo medimos. ¿Funcionamiento de las distintas secciones como landing pages para SEO? Es decir, ¿atraen tráfico desde buscadores las distintas secciones más allá de la Home Page? OTMDashboard también responde eficazmente esta pregunta. En definitiva, la nueva herramienta de Onetomarket permite hacer el análisis del tráfico por temáticas y segmentarlas y, por otro lado, medir el efecto del proyecto.

¿Quieres iniciar una campaña de marketing online y quieres estar seguro de poder controlar su rendimiento en todo momento? Prueba ahora OTMDashboard de Onetomarket, te hacemos una demostración sin compromiso.

Related posts:

1. Onetomarket se prepara para el SMX Madrid
2. Onetomarket se prepara para el SMX Madrid
3. Onetomarket lanza una campaña de redes sociales para el Barça

Cuando una empresa realiza una promoción y optimización de su presencia en buscadores a través de campañas de SEO y SEM, debe tener en cuenta que para optimizar sus acciones es más que recomendable establecer una estrategia de marketing online cruzada para poder aprovechar sinergias entre ellas.

SEO puede ayudar a SEM

Si revisamos la conversión de palabras clave que llegan de buscadores de forma orgánica y medimos su posicionamiento, es posible encontrar palabras que no aparecen en la primera página de resultados, pero que tienen una tasa de conversión alta. En este caso resulta óptimo trabajar estas palabras clave desde SEM, al menos hasta que mediante el proyecto SEO se pueda posicionar esta búsqueda en la primera página de resultados.

Es conveniente realizar una doble exposición de aquellas palabras clave que tienen tráfico de mayor calidad (resultados orgánicos y SEM), de cara a aumentar las posibilidades de captación.

Hay veces que el resultado de una búsqueda nos lleva a una landing page que no sería óptima para la palabra clave utilizada. Para ello también conviene intentar trabajar esta palabra clave desde SEM debido al control que se ejerce sobre el anuncio.

Antes de posicionar una nueva sección o producto es aconsejable realizar algún A/B testing de cara a conseguir la versión óptima de esta página antes de posicionarla en buscadores. Una buena alternativa para hacer estas pruebas es captar tráfico vía SEM a la página que queremos testear durante el tiempo que dure la experiencia antes de posicionarla en buscadores.

SEM puede ayudar a SEO

Aquellas palabras que tienen un coste demasiado elevado o en las que se está invirtiendo más, es interesante intentar llevar el tráfico a orgánico de cara a bajar el presupuesto para esa palabra clave e ir asignándolo a otras palabras o campañas.

Mediante las herramientas de SEM se puede tener una estimación de las palabras clave que tienen más tráfico en Internet. En este apartado es conveniente trabajar el SEO utilizando estas palabras clave con cierta relevancia.

Una buena estrategia de captación de tráfico en buscadores requiere que el equipo de SEO y SEM trabajen conjuntamente de cara a aprovechar sinergias y de esta manera aumentar el ROI de los clientes. Las dos estrategias bien entrelazadas aseguran un mejor ROI que estableciendo equipos separados. SEO y SEM no son dos objetivos diferentes, son dos formas de conseguir un mismo resultado en el marketing de buscadores.

Related posts:

1. Onetomarket en la 1º Conferencia SMX de Marketing en Buscadores de Europa
2. Servicios SEO: ¿Qué paga su empresa al contratar la optimización para buscadores?
3. Contenidos web para usuarios y buscadores: jerarquía y formato