Cómo crear etiquetas meta de redes sociales

Vistas: 62
0 0
Tiempo de lectura:7 Minutos, 55 Segundos

Las redes sociales pueden ser una herramienta poderosa para llevar su sitio web a un nivel completamente nuevo de participación del cliente. Puede obtener la máxima exposición, aumentar su tráfico en línea y generar clientes potenciales adicionales a través de varias plataformas de redes sociales. Por eso es importante prestar atención a cómo se presenta su sitio cuando alguien comparte una publicación en Facebook o tuitea un enlace a su sitio.

Mediante el uso de etiquetas meta de redes sociales, puede personalizar cómo aparece su sitio web en tweets y publicaciones. Si bien la creación de metaetiquetas no es un factor de clasificación, la forma en que aparece su página en las publicaciones de las redes sociales afectará el tráfico en línea y, por lo tanto, las clasificaciones de los motores de búsqueda.

¿Qué son las metaetiquetas?

Las etiquetas meta son líneas de código que proporcionan metadatos para un sitio web. Estos metadatos ayudan a los motores de búsqueda y las plataformas de redes sociales a identificar y comprender el contenido de una página web en particular.

Las metaetiquetas están ocultas a los ojos de los visitantes del sitio web, pero brindan a los motores de búsqueda y plataformas de redes sociales diversa información sobre el sitio web, incluidas instrucciones sobre cómo mostrar su sitio web en Internet.

El uso de etiquetas meta sociales en su sitio web le permite controlar cómo se ve un enlace a su sitio web cuando se publica en las redes sociales. Agregar etiquetas de redes sociales a su sitio web no es tan difícil. En este artículo, aprenderá cómo crear metaetiquetas perfectas para diferentes plataformas de redes sociales.

¿Qué metadatos incluir en sus metaetiquetas sociales?

Ahora que ha decidido agregar metaetiquetas sociales a su sitio web, analicemos algunos metadatos de uso común:

  1. Título:

El uso de metadatos de encabezado le dice a las plataformas de redes sociales exactamente qué encabezado o título desea mostrar cuando publica su página web.

2. Descripción:

Su audiencia decide si abrir un enlace a su sitio leyendo la descripción de su página. Las etiquetas meta de descripción lo ayudan a agregar su propia descripción para su página web.

3. Imagen:

Agregar una imagen destacada puede aumentar la probabilidad de que los usuarios hagan clic en su enlace. Con la metaetiqueta de imagen, puede agregar su propia imagen y hacer que su enlace sea más efectivo.

4. URL:

Cada página en Internet tiene una URL única. Los metadatos de la URL incluyen la URL de la página que se mostrará cuando se publique el enlace en la web.

Diferentes plataformas de redes sociales admiten diferentes protocolos de etiquetas meta, veamos algunos de ellos aquí:

Abrir etiquetas de gráficos:

Los protocolos Open Graph se utilizan para proporcionar metadatos para su sitio web y son compatibles con la mayoría de las plataformas de redes sociales, incluidas Facebook, LinkedIn y Twitter. En resumen, el uso de etiquetas Open Graph (etiquetas OG) es la forma estándar de implementar etiquetas de redes sociales.

Aquí hay algunas etiquetas OG comunes:

  1. OG: local – formato de idioma estas etiquetas están marcadas en: Opción alternativa:
  2. og: tipo – Tipo de sitio web:
  3. o: titulo – Título de su página:
  4. GO: descripción – Descripción de tu página:
  5. GO: URL – URL de tu página:
  6. og: nombre del sitio – el nombre de su sitio web:
  7. acerca de: imagen – Propiedades de la imagen recomendada: Cómo crear etiquetas meta de redes sociales

Una metaetiqueta de imagen también puede incluir propiedades de imagen usando las siguientes etiquetas:

  1. og:imagen:ancho – Ancho de la imagen: <мета-свойство=”og:image:width” content=”400″ />
  2. og:imagen:altura – Altura de imagen: <мета-свойство=”og:image:height” content=”300″ />
  3. og:imagen:alt – Descripción de lo que se muestra en la imagen:
  4. og:imagen:tipo – tipo de medio para esta imagen:

Puedes usar Facebook para Open Graph Debugger por desarrolladores para verificar si las metaetiquetas OG están configuradas correctamente. La herramienta en línea le permite ver cómo ven los demás su sitio web cuando se publica en Facebook, Messenger y otras redes sociales.

Etiquetas de esquema:

Las etiquetas de esquema también se pueden usar para crear etiquetas de redes sociales para mostrar su sitio. El marcado de esquema es una solución alternativa para LinkedIn y Pinterest.

Al igual que las etiquetas OG, las metaetiquetas de esquema también se utilizan para personalizar el título, la URL, la descripción y la imagen que se muestra cuando se publica un sitio web en un sitio de redes sociales.

Estas son algunas metaetiquetas de esquema de uso común:

  1. Nombre:
  2. URL:
  3. Descripción:
  4. Imagen:

puedes usar Herramienta de prueba de datos estructurados de Google para comprobar las etiquetas meta del esquema. Simplemente copie y pegue el código y haga clic en “Verificar”.

Mapas de Twitter:

El uso de tarjetas de Twitter es otra forma de agregar etiquetas de redes sociales a Twitter. El uso de códigos puede mejorar sus tweets y atraer más tráfico a su sitio. Las etiquetas se pueden usar para crear metadatos para fotos y videos.

Actualmente, puede agregar cuatro tipos de tarjetas de Twitter. Debe elegir el que se adapte a la página web.

  1. Mapa pivote con imagen grande − Esta etiqueta proporciona información sobre la imagen única, el título y la atribución de la cuenta de Twitter de la página web.
  2. Resumen Mapa – Esta etiqueta es similar a la anterior, excepto que la imagen es más pequeña y menos visible.
  3. tarjeta de jugador – La etiqueta se usa para incrustar medios enriquecidos, como audio y video, en un tweet.
  4. Mapa de aplicaciones – La etiqueta está destinada a una aplicación móvil con un enlace para descargar la aplicación. El uso del mapa puede aumentar la cantidad de descargas de aplicaciones por parte de los usuarios de Twitter.

Para probar la etiqueta de Twitter Card, puede usar Herramienta de comprobación de tarjetas de Twitter. Puede obtener una vista previa de cómo se verá la tarjeta de Twitter y hacer cambios si es necesario.

Generador de etiquetas meta de redes sociales:

Una forma sencilla de crear metaetiquetas es utilizar la herramienta generadora de metaetiquetas. Estas herramientas generarán una metaetiqueta para usted en función de su entrada. A continuación, puede copiar este código y pegarlo en su sitio. Aquí hay algunos generadores de etiquetas:

  1. etiquetas meta.io
  2. metaetiquetas.com
  3. opengraph.xyz

Agregar etiquetas meta a su sitio:

Ahora que entendemos las metaetiquetas de las redes sociales, veamos cómo podemos implementarlas en nuestro sitio web. Hay dos formas de hacer esto, míralas a continuación:

  1. Agregue etiquetas meta a su código:

Una vez que haya creado las etiquetas meta, puede agregarlas fácilmente al código de su sitio web. Las etiquetas meta se colocan en la sección de título de su página web. Pegue el código generado después de la etiqueta. , pero antes de la etiqueta de cabeza de cierre . Una vez que haya hecho eso, guarde sus cambios y sus etiquetas meta sociales estarán listas para funcionar.

Después de agregar etiquetas meta a su sitio, debería verse así:

2. Usar complementos para agregar metaetiquetas:

Si usa WordPress u otros programas CMS para administrar su sitio web, puede usar complementos para agregar etiquetas meta a su página web. Aquí hay algunos complementos de WordPress para metaetiquetas:

  1. WPSSO
  2. WordPress SEO por Yoast
  3. Tarjeta de Twitter JM

Consejos para optimizar las metaetiquetas de las redes sociales:

Debe usar herramientas en línea para probar cómo aparecerán las publicaciones sobre su sitio en las redes sociales. Un problema con el que te puedes encontrar es que la imagen no ocupa todo el ancho del feed. La solución a este problema es utilizar una imagen grande de más de 400 píxeles de ancho. Sin embargo, el tamaño de la imagen no debe exceder los 5 MB.

Debe probar diferentes versiones de la imagen para ver cuál se reproduce mejor. Además, debe cambiar la imagen en cada plataforma de redes sociales para que coincida con las preferencias únicas de la audiencia en línea de la red.

Otro problema que puede ocurrir es que, al actualizar la metaetiqueta, se muestre una imagen más antigua. La solución a este problema es borrar la versión en caché de los metadatos de OG de la página.

Finalmente, debe considerar usar diferentes versiones de las metaetiquetas para tener más control sobre cómo aparece su publicación en diferentes redes. Considere usar tarjetas de Twitter y metaetiquetas o esquemas de OG para obtener mejores resultados.

El mensaje de Joseph Abishek (1 publicaciones)

Joseph es analista de redes sociales en TechWyse. Le apasiona expandir la presencia digital de los clientes utilizando métodos de marketing probados. En su tiempo libre le gusta escuchar música y leer libros.

Sitio web: →

.

Happy
Happy
0
Sad
Sad
0
Excited
Excited
0
Sleepy
Sleepy
0
Angry
Angry
0
Surprise
Surprise
0
Previous post Dinero divertido: el asunto serio del humor en las redes sociales
Next post Introducción a la Web 3.0 como diseñador UX | Nicolás Candelaria | enero 2022

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Deja una respuesta