18 Metatags que deberían tener todas las webs en 2013

18 Meta Tags que todas las páginas web deberían tener en 2013

En 2010 los estándares RDFa eran por supuesto los más populares, pero en 2012 Schema.org vino creciendo rápidamente hasta hacerse número uno. Se podría pensar que es más razonable RDFa que Schema.org, pero con los motores de búsqueda impulsando Schema.org no hay duda que es el patrón que debemos seguir. Veamos cómo adaptarnos a el.

Los metatags habituales

Si bien Google sigue jugando con nuestro conocimiento probado y verdadero del title y la description, estos siguen siendo los meta tags más importantes para un SEO.

1. 
   
2. 
   Título de la página - Considerado durante mucho tiempo como el factor más importante, la etiqueta title ha estado sometida a mucho debate y medición, finalmente la conclusión es que no deberían sobrepasar los 70 caracteres y deberían contener nuestras palabras clave en su interior.
   

   Formato:
   <title> hasta 70 caracteres de texto, usar palabras clave relevantes aquí </ title>

   
   
   
   
3. 
   Meta Description - Si su página web fuera un comercial, esta sería su lema. En un estudio realizado por SurveyMonkey hemos encontrado que el 43,2% de los usuarios hacen clic en un resultado dado por la meta description. Atrás han quedado los días de descripciones que figuran repetidamente las palabras clave y sólo aportan  "el sitio oficial de ...". El propósito principal de este texto es llamar al usuario, que sepan qué les espera al hacer clic y convencerlos de que lo hagan. El truco es que te dan 155 caracteres para que esto ocurra, piensa en él como escribir un tweet, pero con 15 caracteres adicionales.
   

   Formato:
   <meta name="description" content="155 caracteres del mensaje de texto a juego con una llamada a la acción va aquí">

   
   
   
   
4. 
   Autoría de marcado - Google ya clasifica el contenido de una web relacionándolo con su autor. Distingue pues  a los autores que considera fuentes confiables sobre los que no. Un incentivo visible e interesante es que aparezca tu foto y nombre en los resultados de google si eres un buen autor.
   
   

Meta datos de autor

Ahora echemos un vistazo a los metatags que hacen que la magia suceda!

• 
  
• Rel-Autor - Se trata de una meta- etiqueta que se puede implementar, que especifica quién es el autor de una pieza de contenido y utiliza Google para identificarlos. Inicialmente, Google lanzó esta siendo solamente una etiqueta que se coloca en el head del código, pero al final se dieron cuenta de que no los autores no suelen tener ese tipo de control sobre la página y se expandió a un form.
  
  Formato para el head:
  <link rel="author" PERFIL PERSONAL href="https://plus.google.com/[YOUR G+ HERE]"/>
  
  Formato para un enlace:
  <a href="[profile_url]?rel=author"> Google </ a>
  
  Si utiliza este método, tendrá que dar el segundo paso en la verificación mediante la vinculación a su contenido desde tu perfil de Google+.
  
  
• Rel-Me - Rel-me es la XFN rel-versión del autor. Usted sólo tiene que colocar la etiqueta meta en un enlace de vuelta a su perfil.
  
  Formato Google+:
  <a href="[profile_url]?rel=author"> Google </ a>
  
  
• Rel-Publisher - Rel-editor es para las entidades empresariales para reclamar la propiedad de su contenido. Esto puede ser utilizado en el contexto de rel-autor o en lugar de ella, pero usted debe estar apuntando a un perfil de negocios en Google+ en lugar de un individuals.
  
  Formato:
  <link rel = "editor" href = "https://plus. google.com / [SU PERFIL G+ empresa aquí] "/>

No llegues tarde a la fiesta de marcado de autoría, ya que no sería sorprendente ver a Google eliminar la visibilidad de los contenidos, simplemente porque no hay autores verificables conectados a él.

Etiquetas Meta Social

Social Media es, obviamente, un gran lugar para promocionar contenido, pero a menudo los metadatos creados para la búsqueda no son suficientes para animar a la gente a compartir, por tanto, lo mejor es utilizar las meta-etiquetas que cada plataforma social proporciona. Estas meta-etiquetas no son para el relleno de palabras clave en absoluto, sino más bien para captar la atención de la gente y para que hagan clic. Todos sabemos que los usuarios de Google son sobre todo gente de tecnología, los usuarios de Facebook están ocupados en acechar a sus ex-novias y los usuarios de Twitter son bombardeados con los plazos que se mueve a la velocidad del pensamiento. Vamos a hablar acerca de las opciones de metadatos específicos del canal.

Etiquetas OpenGraph

OpenGraph de Facebook le permite especificar metadatos para optimizar la forma en que su contenido aparece en la línea de tiempo del usuario. El beneficio adicional del uso de estos datos es que mediante la creación de un "border" en Facebook, puede obtener algunos datos fantásticos acerca de los usuarios que buscan tus contenidos a través de Facebook Insights. Si no utiliza las etiquetas Open Graph de Facebook, de forma predeterminada se usarán los metadatos estándar.

1. 
   
2. OG: título - Este es el título. Usted debe utilizar esto como un titular que sea de interés para la audiencia de Facebook. Usted tiene 95 caracteres para trabajar with.
   
   Formato:
   <meta property="og:title" content="Es una gran agencia de marketing online”> 
   
3. og: type - Este es el tipo de objeto. Para sus propósitos por lo general será blog ,  web site o article , Facebook ofrece una lista completa de posibilidades  
   
   Formato:
   <meta property="og:type" content="article"/>
   
4. og: image - Esta es la imagen que Facebook mostrará en la captura de pantalla y los contenidos. Asegúrese de especificar una imagen cuadrada para asegurar la mejor visibilidad en la línea de tiempo de un usuario. No especificar una imagen suele ser la peor forma de generar buena impresión.
   
   Formato:
   <meta property="og:image" content="http://www.iacquire.com/some-thumbnail.jpg"/>
   
5. og: url - Esto no es más que la dirección URL de la página. Usted debe especificar esto, especialmente si usted tiene problemas de contenido duplicado.
   
   Formato:
   <bienes meta = "og: url" content = "http://blog.iacquire.com "/>
   
6. og: Descripción - Esta es la descripción que Facebook mostrará en la pantalla de la parte del contenido. Al igual que la meta descripción estándar que debe ser pegadiza y contener una llamada a la acción, pero en este caso tiene casi dos veces el número de caracteres para trabajar. Usted tiene a 297 caracteres.
   
   Formato:
   <Bienes meta = "og: description" content = "No para de buscar fotos de su exnovia en Facebook? Debería leer esta artículo."/>
   
7. fb: admins - Esta meta-etiqueta es fundamental para conseguir el acceso a la riqueza de datos disponibles a través de Facebook Insights. Usted simplemente tiene que especificar los ID de usuario de Facebook en los metadatos. Para obtener más información sobre Facebook Insights ver la documentación .
   
   Formato: 
   <meta property="fb:admins" content="USER_ID"/>
   

Debido a su aprobación abrumadora, las redes sociales demás todo por defecto para abrir Meta etiquetas gráficas si no hay meta tags presentes. Sin embargo, como he mencionado al principio de este debate, para preparar un único conjunto de metadatos es ignorar la capacidad de hablar a las personas diferentes en los distintos canales. Entendiendo que es en su mayoría usuarios de Google tecnología, la audiencia de Facebook es mucho más variada y la audiencia de Twitter es a menudo frente a los contenidos volando a la velocidad del pensamiento - ¿por qué no dar cuenta de que con los metadatos?

Para obtener más información, consulte la documentación gráfica protocolo abierto .

Twitter Cards

Twitter Cards es simplemente la respuesta de Twitter para el Open Graph Protocol. Es posible que hayan notado ya su presencia, pero aquí está una captura de pantalla de la documentación de Twitter .

El beneficio adicional es hacer que su contenido destaque en la línea de tiempo atrayendo a más gente. Además, desde hace tiempo se pensó que muchos usuarios Retweet un artículo sin llegar a leerlo, usar Cards de Twitter como anuncios ayudará a facilitar el Retweet de su contenido. La mayoría de estas etiquetas reflejan lo que acabas de leer sobre Facebook Open Graph, así que seré breve.

1. 
   
2. twitter: card - Este es el tipo de tarjeta. Sus opciones son resumen, la foto o el reproductor. Twitter pondrá por defecto en "Resumen" si no es especificado otro.
   
   Format:
   <meta name="twitter:card" content="summary">
   
   
3. twitter: url - Esta es la dirección URL delcontenido.
   
   Format:
   <meta name = "twitter: url">
   
   
4. twitter: title - Este es el título del contenido para ser compartido y debe limitarse a 70 caracteres. Una vez más, vaya para los titulares en lugar de las keywords.
   
   Format:
   <meta name="twitter:title" content="El real betis regresa a la Victoria”>
   
   
5. twitter: description - Esta es la descripción de los contenidos que se comparten y deben limitarse a 200 caracteres.
   
   Format:
   <meta name = "twitter: description" content = "NEWARK - La lista de invitados y el desfile de limusinas con las celebridades que salen de ellos parecía más adecuado para un evento de alfombra roja en Hollywood o Nueva York que de un tramo arenoso de Sussex Avenue, cerca de la antigua sede del proyecto James M. Baxter Terrace vivienda pública aquí. ">
   
   
   
6. twitter: image - Esta es la imagen que se mostrará en la Tarjeta de Twitter y debe ser una imagen cuadrada no inferior a 60 × 60 píxeles
   
   Format:
   <meta name = "twitter: imagen">
   

Hay más opcionales Cards twitter meta tags como el creador del sitio y que especifican las asas de Twitter de la página y el autor del responsable por el contenido, pero no son necesarios para tener una buena primera impresión, así que los he omitido. Para obtener más información, consulte la documentación de la Cards Twitter .

Schema.Org (para Google )

Hasta hace poco, no me había dado cuenta de que, si bien Google de forma predeterminada usaba los estándars de metadatos o etiquetas de Facebook Open Graph, la plataforma también ofrece a los webmasters la posibilidad de especificar metadatos específicamente para Google utilizando Schema.org. La belleza de esto es que Schema.org se puede utilizar en casi cualquier etiqueta HTML en el contenido que ya está en la página.

1. 
   
2. Itemscope = "[pageType]" - donde [pageType] es: Article, Blog, Book, Event, LocalBusiness, Organization, Person, Product or Review.
   
3. itemprop = "nombre" - Esto actúa como el atributo de título y debe limitarse a 140 caracteres.
   
4. itemprop = "description" - Esta es la descripción y debe limitarse a 185 caracteres
   
5. itemprop = "image "Esta es la imagen con un tamaño óptimo es de 180 x 120. Google se reducirá esta imagen, pero si es demasiado pequeña, no se mostrará.
   

Formato:

Si bien todos los otros tipos de metadatos van en la  sección del código, este código potencialmente vivirá en varios lugares en todo el sitio web. He aquí un ejemplo ( de Google ) de cómo podría ser empleado.

Google busca de metadatos en el siguiente orden: Schema.org > Facebook OpenGraph > Metadatos Estándar > Mejor Calculo de raspado. Consulte la documentación de fragmentos de Google+ para más información.

Puede utilizar la herramienta propia de Google para el estructurado de datos de prueba para comprobar si están correctos sus datos Schema.org.