Twitter etiquetas meta en HTML

Twitter etiquetas meta en HTML

Para que la URL de un sitio web se muestre correctamente en una tarjeta de Twitter, se necesitan algunas metaetiquetas adicionales, con el identificador del editor, el título de la página, la descripción del contenido de hasta 200 caracteres, el identificador del contenido del creador y una imagen, que debe ser Más grande que 120x120 píxeles.

Twitter etiquetas meta de SEO en HTML

Se deben usar las siguientes metaetiquetas, con la siguiente plantilla que se puede copiar y pegar.

Esto es solo para las tarjetas de Twitter, y la etiqueta meta en HTML se debe pegar en la sección principal del código:

Twitter gráfico abierto

Para tener todas las especificaciones de la tarjeta del sitio web de Twitter, incluidas las metaetiquetas de la tarjeta de Twitter y las metaetiquetas de gráfico abierto de Facebook, se puede utilizar el código completo a continuación.

Esto cubrirá todas las tarjetas HTML de metadatos de los medios sociales y permitirá un intercambio adecuado de sus URL en todos ellos:

Etiquetas meta de la tarjeta de Twitter

Una vez que los metadatos de Twitter se hayan implementado en el sitio web, compartirlos producirá el siguiente aspecto, ya que el título, la imagen y la descripción se recuperarán correctamente por Twitter.

Validador de tarjetas de Twitter

Una aplicación en línea para desarrolladores está disponible en el sitio web de Twitter y permite a los desarrolladores comprobar por sí mismos si las tarjetas enriquecidas tienen etiquetas meta implementadas correctamente en sus sitios web.

Simplemente abra la página web, pegue una URL en la que deberían aparecer las tarjetas de Twitter y vea los resultados, o los posibles errores en caso de etiquetas implementadas incorrectamente.

Twitter publica tamaño de imagen

Aprenda los conceptos básicos de SEO: ¡Inscríbase hoy!

Aumente la visibilidad y el tráfico de su sitio web dominando los fundamentos del SEO con nuestro curso básico fácil de seguir.

Empiece a aprender SEO

Una imagen publicada en una publicación de Twitter debe tener al menos 120 píxeles de ancho por 120 píxeles de ancho, o 120x120 px.

Respete estos requisitos mínimos para asegurarse de que sus imágenes siempre aparezcan correctamente en las publicaciones de Twitter y las haga ver bien.

Lecturas adicionales

Con el fin de optimizar sus etiquetas meta para la visualización de tarjetas enriquecidas y otras puroposes que comparten redes sociales, eche un vistazo a estos grandes sitios web llenos de información útil:

Twitter etiquetas meta de SEO

Las metaetiquetas SEO de Twitter que debe tener para usar las tarjetas de Twitter son las siguientes: sitio, título, descripción, creador e imagen.

After having implemented these Twitter etiquetas meta de SEO, sharing your website on Twitter will automatically pull these Twitter etiquetas meta de SEO from your website to display a Twitter card.

Preguntas Frecuentes

¿Cómo pueden los desarrolladores web utilizar metaetiquetas de Twitter en HTML para mejorar la apariencia y la información del contenido compartido en Twitter?

Para optimizar el contenido para Twitter, los desarrolladores pueden insertar metaetiquetas de tarjetas de Twitter en el HTML de una página web. Estas etiquetas (`Twitter: Card`,` Twitter: Site`, `Twitter: Title ',` Twitter: Descripción`, `Twitter: Image`) especifique cómo aparecen las URL en los tweets, lo que permite una presentación más rica con títulos, descripciones, Imágenes e incluso contenido de video, mejorando así las tarifas de compromiso y clic.