Open Graph Protocol Generator

Antes de comenzar a insertar las diferentes meta properties, se debe especificar el vocabulario en un prefijo.


    <html prefix="og: http://ogp.me/ns#">

Rellene los campos obligatorios

Tipos

og:type: Tipo de contenido multimedia. Esta etiqueta influye en cómo se muestra el contenido en la sección de noticias. Si no se especifica ningún tipo, el valor predeterminado es website. Cada URL debe ser un único objeto, por lo que no es posible utilizar varios valores de og:type. Puedes encontrar la lista completa de tipos de objeto en la referencia sobre los tipos de objeto.
En la práctica, también existen otros tipos que están recopilados en una lista de schema.org.

Titulo

og:title- El título de su objeto tal como debería aparecer dentro del gráfico, por ejemplo, "Tutoriales En Linea".

Nombre del sitio

og:site_name- Si su objeto es parte de un sitio web más grande, el nombre que debe mostrarse para el sitio en general. por ejemplo, "Tutoriales En Linea".

URL

og:url- La URL canónica de su objeto que se usará como su ID permanente en el gráfico, por ejemplo, "https://tutorialesenlinea.es/3547-reescritor-de-articulos_herramienta-de-parafrasis.html".

Description

og:description- Una descripción de una o dos oraciones de su objeto.

Número de imágenes

og:image- Una URL de imagen que debe representar su objeto dentro del gráfico.

Tu imagen:secure_url

og:image:secure_url- Una URL alternativa para usar si la página web requiere HTTPS.

Tipo de imagen

og:image:type- Un tipo MIME para esta imagen.

Ancho de imagen

og:image:width- El número de píxeles de ancho.

Alto de imagen

og:image:height- El número de píxeles de alto.

Alt de la imagen

og:image:alt- Una descripción de lo que hay en la imagen (no un pie de foto). Si la página especifica un og:image, debe especificar og:image:alt.

Configuración regional

og:locale- La configuración regional en la que están marcadas estas etiquetas. Del formato language_TERRITORY. El valor predeterminado es en_US.

Codigo

Copia tu código :)


<meta property="og:type" content="">
<meta property="og:title" content="">
<meta property="og:site_name" content="">
<meta property="og:url" content="">
<meta property="og:description" content="">
<meta property="og:image:secure_url" content="">
<meta property="og:image:type" content="">
<meta property="og:image:width" content="">
<meta property="og:image:height" content="">
<meta property="og:image:alt" content="">
<meta property="og:locale" content="">

About Open Graph Protocol Generator

The Open Graph protocol allows any web page to become a rich social graph object. For example this is used by Facebook so any web page has the same functionality as any other Facebook object.

This means that if a user shares a website on social media it should be seen on those platforms. The link image and accompanying text should reflect the page as much as possible and encourage others to visit it. Web designers use an open graph so that the content displayed on a web page link is not visible at all.

You can control how your page links are displayed on social networks by adding Open Graph tags to your website's source code. For this reason, OpenGraph is also interesting for online marketing. This protocol allows owners to decide how to display shared content and better personalize information for users. Read more...

Related tools

Open Graph Protocol Generator

Meta Tags Analyzer

Meta Tag Generator

Twitter Card Generator

Open Graph Protocol Generator