Todas las etiquetas Metatags de SEO en HTML 2016

Publicado por: German Huayllani Quispe | Publicado el: 15 julio, 2016

5.0
02

Los metatags son etiquetas HTML que propiamente no están dirigidas a mostrarse a los usuarios pero son de gran utilidad para que los navegadores, buscadores y demás aplicaciones obtengan información de nuestro sitio.

A continuación describiré las etiquetas más usadas actualmente como buenas prácticas para un buen posicionamiento en buscadores (SEO).

Content type

Indica el tipo de codificación usada en el código fuente, debe estar lo más cerca del inicio del <head>. Esta información es incluida en la cabecera HTTP de la respuesta del servidor.

<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>

La etiqueta anterior es obsoleta en HTML5, por lo que deberá sustituirse por el atributo charset de la siguiente manera:

<meta charset="UTF-8"/>

Language

Indica el idioma del contenido de la página.

<meta http-equiv="Content-Language" content="es-mx" />

La etiqueta anterior ya no debe ser utilizada, el lenguage o idioma del contenido del sitio deberá ser indicado en el atributo lang de la etiqueta html de la siguiente manera:

<html lang="es-MX">

Title

El título de las páginas es uno de los elementos más importantes para un buen posicionamiento en buscadores, debemos dedicar tiempo a decidir el contenido de estos títulos.

  • Crea títulos únicos y precisos para cada página y que sean descriptivos.
  • Deberíamos incluir las palabras clave más importantes.
  • Deben ser breves, alrededor de 55 caracteres es lo recomendado.
  • Recuerda que el titulo de la página en la mayoría de los casos aparece en los resultados de la búsqueda.
<title>Titulo de la pagina</title>

La siguiente meta etiqueta aunque es obsoleta o erronea, es comunmente usada y no se recomienda incluirla ya que ni siquiera esta formalmente definida en el estandar.

<meta name="title" content="Titulo de la pagina" />

Description

En la mayoría de los casos el texto de la descripción es utilizado para mostrarse en los resultados de las búsquedas, es importante darle una redacción con contenido suficiente para que el usuario pueda decidir si nuestra página le es útil. Se recomienda que este texto no rebase los 156 caracteres.

<meta name="description" content="Texto descripcion" />

Se recomienda ampliamente que cada página tenga su propia descripción y sea diferente para cada una de ellas.

Keyword

En la mayoría de los casos, los buscadores no toman en cuenta esta información – ¡PARA NADA! – incluir esta información es ya una práctica meramente por tradición. Hoy en día los buscadores son los suficientemente inteligentes para tomar esta información del contenido que se visualiza en nuestro sitio.

<meta name="keywords" content="Palabras clave separadas por coma"/>

Sin embargo, el tema de las palabras claves es una parte fundamental a la hora de posicionar correctamente nuestro sitio. Las palabras utilizadas en el título, descripción y contenido del sitio deben estar estratégicamente colocadas a manera de que el buscador indexe nuestro sitio de la manera que mejor nos conviene.

En el contenido es muy importante como utilizamos los marcadores <h1>…<h6>, esto indica al spider la importancia que tiene cada uno de estos textos, además de tomar relevancia de acuerdo a la distancia del inicio de la página donde son más rápidamente visibles para el usuario. Esto, sumado a la cantidad de veces que se encuentra repetida cada palabra entre muchos otros factores, son tomados en cuenta para determinar  las palabras claves a indexar por el propio buscador.

Robots

La etiqueta meta robots es de suma importancia y va dirigida únicamente a los motores de búsqueda, cabe mencionar que si omitimos esta etiqueta por default el buscador indexara y seguirá todos los enlaces de nuestro sitio (index,follow).

<meta name="robots" content="index,follow" />
  • index/noindex – Atributo para indicar si debe o no indexar la página en la base de datos del buscador.
  • follow/nofollow – Atributo para decirle al buscador si debe o no seguir los enlaces contenidos en la página.
  • noarchive – Previene que el buscador guarde en cache la página.
  • nosnippet – No se mostrará ninguna descripción en los resultados de búsqueda.
  • noodp – En ocasiones el buscador toma la descripción de nuestra página que tenemos en el ODP (Open Directory Project). Esto solo funciona si nuestra página está incluida en dicho directorio.
  • noydir – Similar al ODP, se refiere al directorio de Yahoo.
  • noimageindex – Previene que la página aparezca como enlace de una imagen indexada en Google.
  • nocache – Sinónimo de “noarchive“.

Cabe mencionar que dependerá de la cooperación del rastreador sí toma los parametros indicados en esta etiqueta, por lo que su uso es puramente informativo. Los buscadores de confianza como Google o Yahoo siguen y respetan estas reglas, pero existen algunos bots generalmente creados con intenciones maliciosas que no necesariamente van a obedecerlas.

Además, es importante considerar que esto no va a prevenir la lectura o descarga de la página, ya que el robot deberá ingresar y leer el contenido al menos para detectar el valor de la etiqueta.

Canonical URL

Si nuestro sitio genera URL’s dinamicas ya sea por autenticación de usuarios, ordenación de artículos o productos o cualquiera sea el caso, es muy importante señalar la “Canonical URL” para indicar al buscador la dirección – preferida – que debe mostrar en los resultados de búsquedas y así evitar penalizaciones por contenido duplicado.

  • URL’s dinámicas generadas por búsquedas o sesiones de usuario.
  • Blog con secciones o categorias que muestran el mismo contenido.
  • El servidor esta configurado para mostrar el mismo contenido desde el subdominio www o sin el, de igual manera sirve contenido desde HTTP y HTTPS.
<link rel="canonical" href="http://www.midominio.com/" />

En otras palabras, la “Canonical URL” es la versión preferida de un conjunto de páginas con contenido idéntico o muy similar.

Viewport

Con esta etiqueta podemos controlar las dimensiones como se muestra la página web en un dispositivo. Cuando no se define, la página se mostrará de la misma manera en un dispositivo móvil como se mostraría en una PC de escritorio; con esto le indicamos al navegador como ajustar las dimensiones y el escalado de la página.

La siguiente etiqueta es comúnmente recomendada para paginas optimizadas para dispositivos móviles.

<meta name="viewport" content="width=device-width,initial-scale=1"/>

Cabe mencionar que esta etiqueta no debe usarse si el sitio no esta optimizado para dispositivos móviles (Responsive Design).

Atributos soportados

  • width – Ancho virtual del dispositivo.
  • device-width – Ancho físico del dispositivo.
  • height – Altura virtual del dispositivo.
  • device-height – Altura física del dispositivo.
  • minimum-scale – Mínima escala de zoom deseada, un valor de 1 significa el tamaño original, es decir “no zoom”.
  • maximum-scale – Máxima escala de zoom permitida, un valor de 1 significa el tamaño original, es decir “no zoom”.
  • initial-scale – Un valor de 1 establece una relación 1:1 entre los pixeles del CSS y los pixeles del dispositivo.
  • user-scalable – Permitir o no al usuario hacer zoom, “yes / no”.

Authorship

Esta función o etiquetas son obsoletas y ya no son soportadas por Google.

<link rel="author" href="https://plus.google.com/+yourprofile"/>
<link rel="publisher" href="https://plus.google.com/yourbrandpage"/>

Solían usarse para ligar tu página o contenido con un determinado perfil rel=author y una página de empresa rel=publisher en Google Plus. Su principal atractivo era esa pequeña foto que aparecía a un lado de los resultados en las búsquedas de Google (SERP).

Actualmente se esta dando paso a otros esquemas para enriquecer la manera en la que los buscadores indexan y muestran el contenido, Knowledge Graph y Rich Snippets con schema.org (microdata, microformats y RDFa) son algunos recursos que podemos utilizar para marcar nuestro contenido y hacerlo mas entendible para los buscadores.

Aqui habra nuestro sistema de comentarios, estamos construyendo, vuelva pronto!

¡Nuestros Servicios!

¿Que es un certificado SSL?

¿Como configurar mi correo corporativo?

Desea saber más y que le asesoremos sobre estos temas? Entonces contactenos ya!

Calle Siete Cuartones #284, Oficina 101 Interior, (Hostel Inka Club) Cusco - Perú RPB: (+51) 984460050 RPC: (+51) 985868342 RPM: (+51) #949764676 Movistar: (+51) 944486615

Suscríbete a nuestro Boletín

Top