¿Por qué debería saber cuál es el metaetichet de gráfico abierto?

Traducción de Nuria Adell.En algunas ocasiones, los usuarios de contenido de Neli nos contactaron porque habían planeado un mensaje social para promover una publicación, pero cuando se publicó en la red social elegida, la imagen presentada de la publicación no apareció en la publicación de socialización.Una cosa similar le sucedió a los usuarios con publicaciones que incluyen los botones de distribución típicos en las redes sociales: al hacer clic para distribuir una publicación de Facebook, Twitter, LinkedIn, Google + o Pinterest, la imagen no cobra o no es de la publicación.¿Por qué está pasando esto?Bueno, esto se debe al hecho de que las redes sociales no han podido interpretar su información de publicación correctamente.En otras palabras, debido a que no configuró su WordPress correcto para que las redes sociales sepan cómo interpretar la información.
Antes de darle la solución, permítanme comenzar con algunos elementos básicos para configurar el contexto. Metichets que Google entiende como saben, una página web es un documento escrito generalmente en HTML (lenguaje de marcado de hipertexto). Esto le permite incluir enlaces a otras páginas o documentos e incluso puede incluir o se refiere a scripts que pueden afectar el comportamiento del navegador. Si verifica el código fuente en el navegador, un visor de texto con el código HTML de la página que vea se abrirá. Como puede ver, una página HTML consiste en una lista de elementos rodeados de soportes angulares (<, /): cada elemento tiene una etiqueta inicial (), en la que se indican las propiedades del elemento; el contenido del elemento; y una etiqueta de cierre (). Por lo tanto, cuando su navegador reproduce una página HTML y encuentra el elemento Bold , se mostrará en la pantalla: engrosado. Entonces, por un lado, indicamos cómo interpretar el contenido en las etiquetas y, por otro lado, tenemos el texto del contenido en sí. Además, en cada página HTML, de acuerdo con el y Etiquetas que definen el principio. El documento encontrará una sección que incluye información sobre las características de la página (no presentadas en el usuario), así como una sección que incluye el contenido que ve en la página.
Ejemplo de código fuente de una página web. (Fuente: Wikimedia) Con esto puede tener una idea clara de cómo se ve cualquier página web. Sin embargo, si desea que Google (o cualquier otro motor de búsqueda) encuentre, indexe y clasifique el contenido de su sitio en los resultados de una búsqueda, definir el contenido en su sitio no es suficiente. Entonces, por ejemplo, si queremos que Google muestre la información que tiene la “más lógica” de la próxima publicación … la captura de pantalla de una publicación de blog de esta publicación debe incluir las metaéticas que facilitarán el proceso de “comprender el significado “del contenido. ¿Qué son la metaética? Simplemente hay información que se incluye en la sección de la página (tenga en cuenta que esta sección no se ve en el navegador, por lo que se denominan “meta”) y siga el formato . Por ejemplo, si esta publicación incluye el siguiente metaetichet: Google entiende Que ofrece una breve descripción de la página y, en algunos casos, esta descripción es la que Google usa como parte del fragmento que se muestra en los resultados de búsqueda.

Ejemplo de cómo Google muestra información sobre sus resultados tiene sentido, ¿verdad? Imagine que Google tuvo que resumir su página web en dos líneas. Es mucho mejor indicar cómo desea mostrar los resultados de una búsqueda. ¿Cómo se pone esta información en WordPress? La forma más fácil es instalar el complemento Yoast (es gratuito) e ingresar la descripción en la sección que está preparada para ello: edite el fragmento sobre fragmentos ingresados ​​en el complemento Yoast. Y si está interesado, puede consultar aquí la lista de todos los metaéticos HTML que Google entiende.

Las etiquetas meta sociales de la misma manera que Google usa metaética para indexar y mostrar su contenido web cuando se busca, hay otros tipos de metaética que la mayoría de las redes sociales usan actualmente. En el caso de Facebook, por ejemplo, estos metaéticos lo ayudan a distribuir una publicación en su blog, ya que otra publicación en su muro son metaetiquetas (título, imagen, descripción …) que ayuda a la red social a crear una publicación social completa que se publica en la red.

Protocolo de gráfico abierto El propósito de estos metaetichets, que también debe incluirse en la sección del código HTML, es ayudar a la red social a interpretar el contenido. De esta manera, puede convertir la URL de una página web en una publicación social completa. Este conjunto de etiquetas se conoce como protocolo de gráfico abierto. Y siga el formato

Por lo tanto, para distribuir la publicación anterior y permitir que se muestre en su muro de Facebook como:
Publicación en Facebook El siguiente gráfico de metaetichets abiertos debe incluirse en la sección : Ejemplo de metaética en una publicación de WordPress. Si observa cuidadosamente cada uno de ellos, encontrará fácilmente el bit que corresponde a la publicación de Facebook. Metaética básica Aquí son las etiquetas básicas que necesita Facebook:

OG: Título: suele ser el título del artículo, publicación, video o audio que comparte. Su límite es de 75 caracteres. Si esta etiqueta no existe, Facebook usa automáticamente el título de contenido publicado.
OG: Descripción: se recomienda que la descripción no exceda los 195 caracteres, incluidos los espacios. Si esta etiqueta no existe, Facebook usa la descripción escrita para SEO, y en ausencia de esta última, usa el primer párrafo de publicación o contenido.

OG: Imagen: la imagen que debería aparecer en la publicación de Facebook debe ser 200px x 200px. Si esta etiqueta no existe, Facebook prácticamente hace lo que puede ser usar las imágenes que están en el código del sitio. Aunque generalmente no usará ninguna imagen, y desde aquí la queja de nuestros clientes que mencionamos al principio.

OG: URL – URL que se publica en Facebook debería ser el enlace al contenido.
Aquí encontrará más información sobre el metaetichet de gráfico abierto.
Metaetiquetas en WordPress, pero ¿cómo ponemos toda esta información en nuestras páginas de WordPress? No te preocupes, es muy fácil. Al igual que antes, usa el complemento Yoast. En el tablero de WordPress, haga clic en la opción Menú social del complemento y luego acceda a la pestaña Facebook activa para agregar los metadatos de gráfico abierto.
Asegúrese de tener la opción de agregar Metadate Open Graph al complemento Yoast para publicarlos en las redes sociales. Y puede hacer lo mismo para las pestañas de diferentes redes sociales. Ahora puede compartir correctamente todas las publicaciones de su blog en sus redes sociales. De hecho, para verificar si todo es correcto, los desarrolladores de Facebook tienen una herramienta muy completa, compartiendo el depurador, que, después de ingresar la URL de su publicación, evalúa si todos los metaéticos se colocan correctamente. Como puede ver en la imagen anterior, Facebook ha verificado que la publicación anterior tiene todas las metaéticas que necesita para poder publicarla como una publicación completa de Facebook. Conclusiones Por un lado, vi que el uso de metadatos en su sitio es una buena práctica directamente recomendada por Google. Si desea obtener una buena posición, debe incorporar las metaetiquetas a su sitio. Y, por otro lado, cuanto mejor promocione sus publicaciones en las redes sociales, más probabilidades tendrá de aumentar el número de visitas. Asegúrese de usar los metaéticos correctos para mostrarlos correctamente en diferentes redes. Recuerde que es la primera impresión que importa.
Imagen presentada por Mira Bozhko.