Mes: febrero 2011

Etiquetas semánticas para optimizar blogs a nivel SEO

El uso de etiquetas semánticas en nuestro código HTML siempre es algo beneficioso, pues ayuda a los web-crawlers (incluyendo los de los buscadores) a comprender mejor el contenido de nuestra web y así tener nuestro contenido optimizado para SEO. En concreto, las etiquetas de encabezado (H1, H2 y así hasta H6) y de énfasis son indispensables para jerarquizar los textos y comunicar adecuadamente los términos más relevantes.

Ahora bien ¿cómo podemos sacar el mejor partido de estas etiquetas si tenemos un blog? A continuación repasamos unas recomendaciones que nos ayudarán a mantener nuestro código semánticamente correcto y a obtener los mejores resultados en cuanto a indexación.

Cómo etiquetar los títulos de los posts

Un error bastante común es incluir los títulos de las entradas de un blog siempre dentro de etiquetas H1. Esto tiene resultados contraproducentes en la página principal del blog, donde aparecen varias entradas en la misma carga de pantalla. Es importante no incluir más de una etiqueta H1 en la misma página para evitar que algunos buscadores como Google detecten un uso excesivo de la misma y, como consecuencia, ignoren su presencia.

Por tanto, lo más adecuado es:

  1. Utilizar H2 para marcar los títulos de las entradas en la página principal (index.php si usamos el editor de WordPress)
  2. Utilizar H1 para marcar el título de la entrada en la página individual de la entrada (single.php si usamos el editor de WordPress)

Con esto conseguimos dar la mayor relevancia posible al título de la entrada en cada una de las páginas en las que aparece. Decir también, que podemos incluir el título del blog como H1 en la página principal, si es que está escrito con texto.

Cómo etiquetar los subtítulos o encabezados secundarios

Probablemente en el texto de nuestras entradas utilicemos algunos subencabezados para estructurar diferentes secciones. En este caso, teniendo en cuenta que deberemos incluir la etiqueta en el propio texto de la entrada, lo ideal será utilizar la etiqueta H3.

Así, cuando el texto aparezca en la portada o página principal será el segundo elemento más relevante (H2 los títulos y H3 los subtítulos) y de la misma manera lo será cuando aparezca en la página individual del post (H1 los títulos y H3 los subtítulos).

Cómo etiquetar otros términos relevantes de nuestro texto

A lo largo de un escrito seguramente querremos destacar las frases principales o las ideas clave, de modo que la práctica más habitual es resaltar los términos más relevantes en negrita. No obstante, esto puede hacerse utilizando tanto la etiqueta B como la etiqueta STRONG (dado que no todos los navegadores muestran por defecto en negrita esta última, es recomendable estilar la etiqueta con font-weight:bold en el CSS del blog).

Debemos tener en cuenta que la etiqueta B simplemente muestra el texto acotado en negrita, mientras que la etiqueta STRONG también aporta énfasis y peso al texto en cuestión. Por tanto, el uso de una u otra dependerá de si el motivo para usar las negritas es un tema meramente visual o se trata más bien de una manera de remarcar algo importante dentro del texto.

Finalmente, lo mismo sucede con el uso de las etiquetas I, que muestra el texto en cursiva y EM, que además enfatiza (aunque en menor medida que STRONG).

En definitiva, hacer un uso óptimo de este tipo de etiquetas semánticas es una práctica muy recomendable. Seleccionar a qué partes de nuestro contenido queremos conceder más peso contribuirá a que se llegue a nuestra web especialmente a través de búsquedas relacionadas con esas ideas enfatizadas.

Qué significa el valor “Other” en los informes de contenido de Google Analytics y cómo evitarlo

Si utilizamos Google Anaytics en algún sitio web con un tráfico elevado, es posible que al consultar los informes del módulo de Contenido nos hayamos encontrado que algunas páginas se están contabilizando con el nombre “Other”.

(Other) como nombre de página

Cuando Analytics muestra “(other)” como nombre de página está indicando que el _trackPageview correspondiente no ha registrado el nombre de la página en cuestión. ¿Por qué sucede esto? Bien, hay que tener en cuenta que Google Analytics tiene un límite de 50.000 URL’s únicas por día. En un site con muchas visitas, si los nombres de página son muy específicos, es probable que haya más de 50.000 nombres de página distintos servidos cada día. A partir de ahí GA les asigna el nombre “other”.

Lógicamente, esto puede suponer un problema a la hora de evaluar el consumo de contenido, pues no sabemos exactamente a qué paginas corresponden los datos. ¿Qué podemos hacer para subsanar este problema?

Etiquetar manualmente todas las páginas

Lo primero que hay que hacer es quitarle el control a Google del nombre que asigna a nuestras páginas. Si utilizamos el tracking code estándar de Analytics sin ninguna modificación, automáticamente se tomará como nombre de página todo lo que hay detrás del nombre de dominio de nuestro site. Esto puede bastar en algunos casos pero también ser tremendamente ineficiente en otros, como sucede en la situación que nos ocupa.

Para evitar esto, debemos especificar en el _trackPageview del código de Analytics el Pagename con el que queremos identificar a cada página.

Versión asincrónica de GA:

<script type="text/javascript">// <![CDATA[
var _gaq = _gaq || [];   
_gaq.push(['_setAccount', 'UA-XXXXX-X']);   
_gaq.push(['_trackPageview', 'nombre_de_tu_pagina']);   
(function() {     var ga = document.createElement('script'); 
ga.type = 'text/javascript'; 
ga.async = true;     
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';     
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);   })();
// ]]></script>

Versión sincrónica de GA:

<script type="text/javascript">// <![CDATA[
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
// ]]></script><script type="text/javascript">// <![CDATA[
var pageTracker = _gat._getTracker("UA-xxxxxx-x"); 
pageTracker._trackPageview("nombre_de_tu_pagina");
// ]]></script>

A partir de ahí, lo ideal si tenemos este problema es reducir al mínimo el número de nombres de página distintos. Para conseguirlo podemos crear “tipos” de nombres de página, eliminando información superflua o irrelevante que genere nombres demasiado específicos y, por tanto, dispare innecesariamente el numéro de URL’s únicas.

Por ejemplo, en un periódico digital probablemente no se analice el tráfico de cada noticia específica, pero seguramente será muy útil saber qué sección temática o qué autor genera la mayor cantidad de visitas. Si incluimos esa información agrupadora en nuestro Pagename podríamos prescindir del título de la noticia, con lo que se reduciría considerablemente el número de nombres de página únicos.

En algunos sites no se podrá eliminar por completo las páginas etiquetadas como “other” en Google Analytics, pero evidentemente se puede trabajar para que éstas sean las menos posible.

Telepizza.es y métodos de pago

Debe hacer ya un par de años que Telepizza, el líder del sector en España, presentó a bombo y platillo su nueva web en la que (por fin) permitía tramitar pedidos. Qué bien, poder pedir pizza sin tener que hablar con nadie… pero ¡espera! ¿es esa la única ventaja de pedir pizza online? Pues eso es lo que debe pensar Telepizza: que hablar por teléfono con alguno de sus empleados es algo tan complicado y tedioso que vamos a preferir usar su web.

Hablando en serio, cierto es que muchas personas preferirán hacer el pedido en la web que por teléfono, por comodidad o por repasar tranquilamente los productos y ofertas disponibles. De acuerdo, pero ¿qué otros motivos puede haber para preferir el medio online al hablado? ¿Los está aprovechando Telepizza?

En la web hay ofertas que no tengo offline

Vale, si escoges justo la oferta del día puedes ahorrar bastante, pero ¿acaso en los papelitos pegados en tu nevera no hay también ofertas de 2×1, 50% de descuento, regalo de bebidas y demás? Puede ser que puntualmente te interese más una oferta de la web, pero no se puede afirmar genéricamente que pedir por internet sea más barato que por teléfono. Así que no existe una ventaja considerable a favor del pedido online en este sentido.

Supongo que en la web puedo pagar con tarjeta de crédito ¿no?

Aquí es a donde quería llegar. ¿Cuál puede ser el motivo más poderoso que me incline a hacer mi pedido via web en vez de telefónicamente? No sé vosotros, pero yo lo veo muy claro: en este momento no dispongo de efectivo en casa y quiero pagar mediante tarjeta de crédito (PayPal ya me parece pedir demasiado). Pues bien, esto que parece tan lógico a priori, no se ha tenido en cuenta en la web de Telepizza.es y a día de hoy no acepta pagos con tarjeta de crédito. Solamente se puede pagar en efectivo al repartidor, vamos, como siempre.

La web de Telepizza no permite pagar con tarjeta de crédito

Me cuesta encontrar una explicación razonable a esta carencia. Implementar una pasarela de pagos mediante tarjeta dentro de la web de Telepizza no es precisamente una tarea técnicamente compleja. ¿A nivel administrativo quizá? Hombre, lo más “complicado” del tema podría ser la logística de solicitudes y entregas… pero esto ya está hecho, independientemente de un simple indicador de pagado/no pagado. Lo único que se me ocurre es que sea necesario atribuir la facturación al establecimiento concreto que haya servido la pizza, pero ¿tan difícil es gestionar este punto como para obviar el, a mi modo de ver, motivo principal para decantarse por el pedido online?

Y es que, aquellos que prefieran utilizar el servicio de Telepizza a través de su web, seguramente querrán disfrutar de una experiencia online completa: solicitud, confirmación y pago. Obviamente no se pueden enviar pizzas por email, pero ¿qué menos que poder escoger el método de pago más habitual en un site de comercio electrónico?

Finalmente, me pregunto cuánta gente habrá llegado hasta el último paso del proceso de compra en el canal web de Telepizza y habrá cerrado el navegador al comprobar que no se puede pagar con tarjeta. ¿Lo estarán midiendo siquiera? Sería interesante utilizar alguna herramienta de analítica web como Google Analytics y colocar un embudo de conversión en el formulario del pedido, para ver cuánto dinero está perdiendo Telepizza.

Por mi parte, no creo que pida pizza por internet, pues no tengo intención de salir al cajero a sacar dinero para poder pagar una pizza pedida a domicilio. Para eso me acerco al local de Telepizza más cercano, que seguro que me ofrece descuentos más interesantes.