Get free SEO audit

Contenido

Qué es Open Graph y cómo usarlo en las redes sociales

Qué es Open Graph y cómo usarlo en las redes sociales

Aquí un ejemplo de cómo luce la información estructurada en un enlace de un artículo dentro de una red social.

 

Facebook open graph

Facebook open graph example

 

Google+ open graph

Google+ og tags

De seguro estarás de acuerdo con que estos post lucen muy atractivos y son “clickeables” aunque tan sólo son un enlace a que un usuario compartió en una red social, en su timeline o en algún grupo.

Pero ¿qué deberías hacer si el código está escrito correctamente pero al compartirlo en Facebook se muestra información incorrecta y anticuada? Bienvenido a

Facebook para desarrolladores. Siguiendo este enlace puedes borrar la vieja información en la memoria caché que está almacenada en la red social de tú páginay darles un nuevo títulodescripción. Y quizás ahora tienes la idea de personalizar el diseño del protocolo OG de tu sitio web y hacer spam (solo un poco) en grupos y comunidades dentro de la red social.

 

¿Cómo personalizar el diseño de OG?

 

Ahora veamos cómo configurar el protocolo Open Graph para tu sitio web y hacer esta idea realidad. ¡Todo es muy fácil! Aquí esta cómo luce la estructura de ese protocolo:

Open graph protocol

Tiene lugar en la página de códigos, en la sección… </ head> pero puesto después de las meta etiquetas. Ahora veamos cada etiqueta Open Graph y su significado por separado:

  • “og:locale” – Indica la localización (lenguaje del sitio web); puedes usar el valor “en_US” por defecto.
  • “og:type” – Describe el tipo de página (articulo, noticia, video, categoría); puedes usar “article” por defecto.
  • “og:title” – Indica el título del artículo.
  • “og:description” – Contiene una pequeña descripción que se muestra cuando se provee una vista previa del enlace generado
  • “og:url” – Un link o enlace a la página o sitio.
  • “og:image” – Un enlace a una fotografía que será desplegada en el post.
  • “og: site_name” – Nombre del sitio web

El significado de cada línea ha sido mostrado, sólo necesitas llenarlos y hacer embed del código de tu fuente favorita del internet.

Vale la pena señalar que tras la introducción del protocolo Open Graph recomendamos instalar el botón de “Comaprtir” en redes sociales dentro de las páginas del sitio. Esto hará mucho más fácil para el usuario el compartir contenido útil de tu sitio web con otros usuarios.

Ciertamente esto simplifica la implementación de tareas para tu optimizador de SEO cuando trabaje con el radio de intercambio de “megusta”, el cual, incluso cuando no tiene una repercusión tangible en el enlace, nos permite incrementar la velocidad con la que indexamos o re-indexamos al promover el sitio.

 

Open Graph para WordPress, OpenCart, Joomla

 

Para los sistemas más populares de CMS, hay plug-ins hechos a la medida que ayudan a realizar la implementación del marco Open Graph sin tener nada que ver con códigos.
Por ejemplo, para WordPress, ese plug-in que puede ser descargado aquí o puedes usar la extensión del plug-in Yoast SEO, el cual también resuelve este problema. Para Joomla encontrarás una extensión siguiente ente link, y para OpenCart aquí.

Revise su sitio web en busca de errores

No limits! Upgrade your account to crawl this domain

Check your website SEO performance

Get a personalized checklist on how to improve your website to rank higher on Google

No limits! Upgrade your account to crawl this domain
close

Reset Password

Enter your e-mail to reset your password

Your email

Password Reset Sent!

Please check your inbox for instructions on how to reset your password. If you don't get an email, please check your SPAM folder. letter icon

Your password has been reset successfully!

We’ve just sent a verification letter to . Please follow the link in this letter to verify your mailbox and start your free trial. In case you don’t see the letter, please check your SPAM folder.

Thank you for registration!

We are redirecting you to PayPal

Sitechecker can’t crawl this website, because the home page responds HTTP status code.
This can happen for several reasons. Please, enter a working website or make this website accessible to the Sitechecker bot.
Sitechecker can’t crawl this website, because it has too many redirects.

Often this is the result of competing redirects, one trying to force HTTPS (SSL) and another redirecting back to HTTP (non-SSL), or between www and non-www forms of the URL.

Please, contact your hosting provider or web developer to fix this issue or paste another website.

Sitechecker can’t check this website, because the home page responds HTTP status code.

Domain name
redirects to
{domain_200}