Advertisement
  1. Web Design
  2. HTML

Cómo Revisar y Generar Metaetiquetas para Tu Sitio Web

by
Read Time:2 minsLanguages:

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

En éste consejo rápido voy a presentarte una sencilla pero muy útil herramienta llamada Hey Meta. Si estás interesado en ver como se ve el perfil para compartir de tu sitio web, y quisieras asegurarte de que son correctas las metaetiquetas que estas usando, Hey Meta es justo lo que necesitas. ¡Adentrémonos!

Consigue Tus Metaetiquetas Adecuadas

Comprueba Tus Metaetiquetas

Comprueba la efectividad de la actual configuración de metaetiquetas de tu sitio web al escribir la URL en el campo de ingreso de datos. Se te mostrará una previsualización de una tarjeta de red social (la que se mostraría en redes sociales, aplicaciones para compartir etc.) y el título, la descripción, la imagen destacada de la URL en cuestión.

hey meta input fieldhey meta input fieldhey meta input field
Ingresa aquí la URL

Si tu página web no tiene en absoluto metaetiquetas para éstos elementos, nada se mostrará.

Genera las Metaetiquetas Correctas

Si parece que a tu página le faltan detalles, o muestra metaetiquetas incorrectas (o no óptimas) puedes utilizar Hey Meta para que te genere las metaetiquetas correctas. Ingresa la información que quisieras mostrar en los campos mostrados:

enter meta titleenter meta titleenter meta title
Ingresa el título aquí

Lo mismo puede hacerse para la descripción del sitio web, URL, y la imagen destacada. Las etiquetas generadas se mostrarán en las previsualizaciones, y el marcado se verá similar a éste:

Aquí verás las metaetiquetas HTML nativas como <title>, etiquetas de Twitter, y las etiquetas Open Graph <meta property="og:title"> que permiten compartir en redes sociales. Éstas etiquetas pueden colocarse en el <head> de tu documento HTML.

Conclusión

¡Asegúrate de que tus metaetiquetas estén mostrando correctamente los detalles de tu sitio web!

Más Lecturas

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.