{"id":7591,"date":"2013-11-12T10:00:25","date_gmt":"2013-11-12T09:00:25","guid":{"rendered":"https:\/\/ignaciosantiago.com\/?p=7591"},"modified":"2020-12-24T11:23:14","modified_gmt":"2020-12-24T10:23:14","slug":"plantillas-etiquetas-meta-sociales","status":"publish","type":"post","link":"https:\/\/ignaciosantiago.com\/plantillas-etiquetas-meta-sociales\/","title":{"rendered":"Open Graph META TAGS, Qu\u00e9 Son y Plantillas ????"},"content":{"rendered":"<header>\u00bfQuieres conocer cuales son las<strong> metaetiquetas de las redes sociales<\/strong> que te permitan <strong>controlar qu\u00e9 informaci\u00f3n se comparte<\/strong>? \u00bfQuieres a\u00f1adir el protocolo Open Graph pero no sabes por d\u00f3nde empezar? \u00a1Est\u00e1s en el sitio correcto! Las <a href=\"https:\/\/ignaciosantiago.com\/redes-sociales-que-son-para-que-sirven-como-usarlas\/\" target=\"_blank\" rel=\"noopener\" data-schema-attribute=\"\">redes sociales<\/a> son una parte muy importante en cualquier <a href=\"https:\/\/ignaciosantiago.com\/tipos-de-marketing-online\/\" target=\"_blank\" rel=\"noopener\" data-schema-attribute=\"\">estrategia de marketing digital<\/a>, pero tambi\u00e9n a nivel SEO. Definir exactamente los t\u00edtulos, las descripciones y las im\u00e1genes que se comparten en plataformas sociales como\u00a0<a href=\"https:\/\/ignaciosantiago.com\/facebook-que-es-como-funciona\/\" target=\"_blank\" rel=\"noopener noreferrer\">Facebook<\/a>, <a href=\"https:\/\/ignaciosantiago.com\/instagram-que-es-como-funciona\/\" target=\"_blank\" rel=\"noopener noreferrer\">Instagram<\/a>, <a href=\"https:\/\/ignaciosantiago.com\/linkedin-que-es-como-funciona\/\" target=\"_blank\" rel=\"noopener noreferrer\">LinkedIn<\/a>, <a href=\"https:\/\/ignaciosantiago.com\/twitter-que-es-como-funciona\/\" target=\"_blank\" rel=\"noopener\" data-schema-attribute=\"\">Twitter<\/a> o <a href=\"https:\/\/ignaciosantiago.com\/diccionario-marketing\/que-es-pinterest\/\/\" target=\"_blank\" rel=\"noopener\" data-schema-attribute=\"\">Pinterest<\/a> es clave para optimizar los canales sociales y hacer que el engagement aumente.<\/header>\n<header>Piensa en ello como una optimizaci\u00f3n del porcentaje de conversi\u00f3n para la exposici\u00f3n social. Las implicaci\u00f3n con el SEO es significativa. Te puedo decir por experiencia, que, por ejemplo, incluir im\u00e1genes optimizadas en los timeline de las redes sociales ayuda a la propagaci\u00f3n de contenidos que, a menudo, conduce a un aumento de enlaces y menciones. Vamos a ver todas las <strong>plantillas de las etiquetas meta sociales<\/strong>.<\/header>\n<div>\n<p>Saber exactamente que <strong>etiquetas meta sociales<\/strong> se deben incluir puede confundir incluso a los webmasters con experiencia. Lo primero es conocer las diferentes estructuras de apoyo de las principales plataformas sociales:<\/p>\n<ul>\n<li><strong><a title=\"Twitter Cards\" href=\"https:\/\/dev.twitter.com\/docs\/cards\" target=\"_blank\" rel=\"noopener noreferrer\">Twitter Cards<\/a>:<\/strong>\u00a0Res\u00famenes, Im\u00e1genes, Galer\u00edas, Aplicaciones, Video, Audio y Productos<\/li>\n<li><strong><a title=\"Pinterest Rich Pins\" href=\"http:\/\/developers.pinterest.com\/rich_pins\/\" target=\"_blank\" rel=\"noopener noreferrer\">Pinterest Rich Pins<\/a>:<\/strong>\u00a0Productos, Recetas, Pel\u00edculas y Art\u00edculos<\/li>\n<li><strong><a title=\"Google+\" href=\"https:\/\/developers.google.com\/+\/web\/snippet\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google+<\/a><\/strong>:\u00a0Art\u00edculos, Blog, Libro, Eventos, Negocio local, Organizaci\u00f3n, Persona, Producto, Opiniones<\/li>\n<li><strong><a title=\"Facebook\" href=\"https:\/\/developers.facebook.com\/docs\/opengraph\/\" target=\"_blank\" rel=\"noopener noreferrer\">Facebook<\/a>:\u00a0<\/strong>Art\u00edculos, Fotos, Audio, Video y m\u00e1s<\/li>\n<\/ul>\n<p>Para ayudar a lidiar con todos estos datos, te muestro <strong>4 plantillas para etiquetas meta sociales<\/strong> que se puede rellenar y personalizar para tu propio uso.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-7626\" src=\"https:\/\/ignaciosantiago.com\/wp-content\/uploads\/2013\/11\/plantillas-etiquetas-meta-sociales-2.jpg\" alt=\"plantillas etiquetas meta sociales\" width=\"650\" height=\"288\" srcset=\"https:\/\/ignaciosantiago.com\/wp-content\/uploads\/2013\/11\/plantillas-etiquetas-meta-sociales-2-150x66.jpg 150w, https:\/\/ignaciosantiago.com\/wp-content\/uploads\/2013\/11\/plantillas-etiquetas-meta-sociales-2-200x89.jpg 200w, https:\/\/ignaciosantiago.com\/wp-content\/uploads\/2013\/11\/plantillas-etiquetas-meta-sociales-2-400x177.jpg 400w, https:\/\/ignaciosantiago.com\/wp-content\/uploads\/2013\/11\/plantillas-etiquetas-meta-sociales-2-600x266.jpg 600w, https:\/\/ignaciosantiago.com\/wp-content\/uploads\/2013\/11\/plantillas-etiquetas-meta-sociales-2.jpg 650w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><\/p>\n<hr \/>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_50 counter-hierarchy ez-toc-counter ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\">&Iacute;ndice de contenidos<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/ignaciosantiago.com\/plantillas-etiquetas-meta-sociales\/#como-usar-las-plantillas-de-las-etiquetas-meta-sociales\" title=\"C\u00f3mo usar las plantillas de las etiquetas meta sociales\">C\u00f3mo usar las plantillas de las etiquetas meta sociales<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/ignaciosantiago.com\/plantillas-etiquetas-meta-sociales\/#plantilla-etiquetas-meta-sociales-1-basica\" title=\"Plantilla Etiquetas Meta Sociales #1 B\u00e1sica\">Plantilla Etiquetas Meta Sociales #1 B\u00e1sica<\/a><ul class='ez-toc-list-level-3'><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/ignaciosantiago.com\/plantillas-etiquetas-meta-sociales\/#plantilla-etiquetas-meta-sociales-basica-articulo\" title=\"Plantilla Etiquetas Meta Sociales\u00a0B\u00e1sica: Art\u00edculo\">Plantilla Etiquetas Meta Sociales\u00a0B\u00e1sica: Art\u00edculo<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/ignaciosantiago.com\/plantillas-etiquetas-meta-sociales\/#plantilla-etiquetas-meta-sociales-2-estandar\" title=\"Plantilla Etiquetas Meta Sociales #2 Est\u00e1ndar\">Plantilla Etiquetas Meta Sociales #2 Est\u00e1ndar<\/a><ul class='ez-toc-list-level-3'><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/ignaciosantiago.com\/plantillas-etiquetas-meta-sociales\/#plantilla-etiquetas-meta-sociales-estandar-articulo\" title=\"Plantilla Etiquetas Meta Sociales\u00a0Est\u00e1ndar: Art\u00edculo\">Plantilla Etiquetas Meta Sociales\u00a0Est\u00e1ndar: Art\u00edculo<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/ignaciosantiago.com\/plantillas-etiquetas-meta-sociales\/#plantilla-etiquetas-meta-sociales-3-avanzada\" title=\"Plantilla Etiquetas Meta Sociales\u00a0#3 Avanzada\">Plantilla Etiquetas Meta Sociales\u00a0#3 Avanzada<\/a><ul class='ez-toc-list-level-3'><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/ignaciosantiago.com\/plantillas-etiquetas-meta-sociales\/#plantilla-etiquetas-meta-sociales-avanzada-articulo\" title=\"Plantilla Etiquetas Meta Sociales\u00a0Avanzada: Art\u00edculo\">Plantilla Etiquetas Meta Sociales\u00a0Avanzada: Art\u00edculo<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/ignaciosantiago.com\/plantillas-etiquetas-meta-sociales\/#plantilla-etiquetas-meta-sociales-4-producto\" title=\"Plantilla Etiquetas Meta Sociales\u00a0#4 Producto\">Plantilla Etiquetas Meta Sociales\u00a0#4 Producto<\/a><ul class='ez-toc-list-level-3'><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/ignaciosantiago.com\/plantillas-etiquetas-meta-sociales\/#plantilla-etiquetas-meta-sociales-producto\" title=\"Plantilla Etiquetas Meta Sociales: Producto\">Plantilla Etiquetas Meta Sociales: Producto<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/ignaciosantiago.com\/plantillas-etiquetas-meta-sociales\/#herramientas-de-prueba-y-verificacion\" title=\"Herramientas de\u00a0prueba y\u00a0verificaci\u00f3n\">Herramientas de\u00a0prueba y\u00a0verificaci\u00f3n<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/ignaciosantiago.com\/plantillas-etiquetas-meta-sociales\/#consejos-y-mejores-practicas\" title=\"Consejos y mejores pr\u00e1cticas\">Consejos y mejores pr\u00e1cticas<\/a><ul class='ez-toc-list-level-3'><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/ignaciosantiago.com\/plantillas-etiquetas-meta-sociales\/#optimizacion-de-imagenes\" title=\"Optimizaci\u00f3n de im\u00e1genes\">Optimizaci\u00f3n de im\u00e1genes<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/ignaciosantiago.com\/plantillas-etiquetas-meta-sociales\/#la-importancia-de-los-datos-open-graph\" title=\"La importancia de los datos Open Graph\">La importancia de los datos Open Graph<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/ignaciosantiago.com\/plantillas-etiquetas-meta-sociales\/#pagina-de-insights-de-facebook\" title=\"P\u00e1gina de Insights de Facebook\">P\u00e1gina de Insights de Facebook<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/ignaciosantiago.com\/plantillas-etiquetas-meta-sociales\/#otros-recursos\" title=\"Otros recursos\">Otros recursos<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"como-usar-las-plantillas-de-las-etiquetas-meta-sociales\"><\/span>C\u00f3mo usar las plantillas de las etiquetas meta sociales<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Simplemente copia y pega cada plantilla en el editor de texto de tu elecci\u00f3n. Aseg\u00farate de reemplazar cualquier texto \u00abDescripci\u00f3n de la p\u00e1gina\u00bb, \u00abT\u00edtulo de la p\u00e1gina\u00bb, \u00abAutor\u00bb, etc&#8230; con tus propios datos y personalizar, suprimir o a\u00f1adir cualquier etiqueta que sea necesario.<\/p>\n<p>Las tres primeras de estas plantillas est\u00e1n optimizadas con el marcado de \u00abart\u00edculo\u00bb y datos, ideal para las entradas de un blog y \u00a0mayor parte de contenido escrito. La plantilla final consta del marcado para p\u00e1ginas de producto.Para otros tipos de entradas, tales como libros o recetas, consulta la documentaci\u00f3n disponible al final de este art\u00edculo.<\/p>\n<p>Cuando termines, que no se olvide probar y verificar tu trabajo con las herramientas de\u00a0prueba y\u00a0verificaci\u00f3n.<\/p>\n<hr \/>\n<h2><span class=\"ez-toc-section\" id=\"plantilla-etiquetas-meta-sociales-1-basica\"><\/span>Plantilla Etiquetas Meta Sociales #1 B\u00e1sica<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Esta es la plantilla de etiquetas meta sociales m\u00e1s simple. Contiene los datos m\u00ednimos\u00a0para poder <strong>compartir contenido en Twitter, Facebook, Google+ y Pinterest<\/strong>.<\/p>\n<p>Las etiquetas del t\u00edtulo y las meta descripciones se incluyen, aunque no sean <strong>etiquetas meta sociales<\/strong> propiamente dichas. Esto es debido a que pueden ser utilizadas por Google+ y otras plataformas de redes sociales, y forma parte de las mejores pr\u00e1ctica incluirlas en todas las p\u00e1ginas que publiques.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"plantilla-etiquetas-meta-sociales-basica-articulo\"><\/span>Plantilla Etiquetas Meta Sociales\u00a0B\u00e1sica: Art\u00edculo<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div id=\"metacode\">\n<pre class=\"lang:default decode:true crayon-selected\" title=\"Plantilla Meta Data Social B\u00e1sica: Art\u00edculo\">&lt;!-- Coloca estos datos entre las etiquetas &lt;head&gt; de tu p\u00e1gina web --&gt;\r\n&lt;title&gt;T\u00edtulo de la p\u00e1gina. Longitud m\u00e1xima 60-70 caracteres&lt;\/title&gt;\r\n&lt;meta name=\"description\" content=\"Descripci\u00f3n de la p\u00e1gina. Longitud m\u00e1xima 155 caracteres.\" \/&gt;\r\n\r\n&lt;!-- Twitter Card data --&gt;\r\n&lt;meta name=\"twitter:card\" value=\"summary\"&gt;\r\n\r\n&lt;!-- Open Graph data --&gt;\r\n&lt;meta property=\"og:title\" content=\"T\u00edtulo de la p\u00e1gina aqu\u00ed\" \/&gt;\r\n&lt;meta property=\"og:type\" content=\"article\" \/&gt;\r\n&lt;meta property=\"og:url\" content=\"http:\/\/www.ejemplo.com\/\" \/&gt;\r\n&lt;meta property=\"og:image\" content=\"http:\/\/ejemplo.com\/imagen.jpg\" \/&gt;\r\n&lt;meta property=\"og:description\" content=\"Descripci\u00f3n de la p\u00e1gina\" \/&gt;<\/pre>\n<\/div>\n<hr \/>\n<h2><span class=\"ez-toc-section\" id=\"plantilla-etiquetas-meta-sociales-2-estandar\"><\/span>Plantilla Etiquetas Meta Sociales #2 Est\u00e1ndar<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>La <strong>plantilla etiquetas meta sociales est\u00e1ndar<\/strong> representa una implementaci\u00f3n m\u00e1s robusta de las etiquetas sociales y tiene la suficiente informaci\u00f3n para trabajar en todas las plataformas sociales. Adem\u00e1s de todas las caracter\u00edsticas de la plantilla b\u00e1sica anterior, la plantilla est\u00e1ndar incluye lo siguiente:<\/p>\n<ul>\n<li>Twitter Summary card b\u00e1sica<\/li>\n<li>Miniatura Twitter<\/li>\n<li>P\u00e1gina de Facebook Insights<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"plantilla-etiquetas-meta-sociales-estandar-articulo\"><\/span>Plantilla Etiquetas Meta Sociales\u00a0Est\u00e1ndar: Art\u00edculo<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<pre class=\"lang:default decode:true\" title=\"Plantilla Meta Data Social Est\u00e1ndar: Art\u00edculo\">&lt;!-- Coloca estos datos entre las etiquetas &lt;head&gt; de tu p\u00e1gina web --&gt;\r\n&lt;title&gt;T\u00edtulo de la p\u00e1gina. Longitud m\u00e1xima 60-70 caracteres&lt;\/title&gt;\r\n&lt;meta name=\"description\" content=\"Descripci\u00f3n de la p\u00e1gina. Longitud m\u00e1xima 155 caracteres.\" \/&gt;\r\n\r\n&lt;!-- Twitter Card data --&gt;\r\n&lt;meta name=\"twitter:card\" content=\"summary\"&gt;\r\n&lt;meta name=\"twitter:site\" content=\"@anunciante\"&gt;\r\n&lt;meta name=\"twitter:title\" content=\"T\u00edtulo p\u00e1gina\"&gt;\r\n&lt;meta name=\"twitter:description\" content=\"Descripci\u00f3n de la p\u00e1gina. Longitud m\u00e1xima 200 caracteres\"&gt;\r\n&lt;meta name=\"twitter:creator\" content=\"@autor\"&gt;\r\n&lt;-- Twitter Summary card images must be at least 200x200px --&gt;\r\n&lt;meta name=\"twitter:image\" content=\"http:\/\/www.example.com\/image.jpg\"&gt;\r\n\r\n&lt;!-- Open Graph data --&gt;\r\n&lt;meta property=\"og:title\" content=\"T\u00edtulo de la p\u00e1gina aqu\u00ed\" \/&gt;\r\n&lt;meta property=\"og:type\" content=\"article\" \/&gt;\r\n&lt;meta property=\"og:url\" content=\"http:\/\/www.ejemplo.com\/\" \/&gt;\r\n&lt;meta property=\"og:image\" content=\"http:\/\/ejemplo.com\/imagen.jpg\" \/&gt;\r\n&lt;meta property=\"og:description\" content=\"Descripci\u00f3n de la p\u00e1gina\" \/&gt;\r\n&lt;meta property=\"og:site_name\" content=\"Nombre de la p\u00e1gina web\" \/&gt;\r\n&lt;meta property=\"fb:admins\" content=\"ID num\u00e9rico de Facebook\" \/&gt;<\/pre>\n<hr \/>\n<h2><span class=\"ez-toc-section\" id=\"plantilla-etiquetas-meta-sociales-3-avanzada\"><\/span>Plantilla Etiquetas Meta Sociales\u00a0#3 Avanzada<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Esta es la plantilla de etiquetas meta sociales m\u00e1s completa sin lugar a dudas. Adem\u00e1s de todos los datos contenidos en la plantilla est\u00e1ndar, la plantilla avanzada contiene:<\/p>\n<ul>\n<li><strong>Autor\u00eda \u00a0Google y marcado de Publisher<\/strong>: Aunque estos datos no cambian el aspecto de tu contenido en Google+, <em>a\u00f1aden enlaces a tu p\u00e1gina de Google+ en los resultados de b\u00fasqueda<\/em>.<\/li>\n<li>Marcado\u00a0Schema.org de <em>art\u00edculo<\/em><\/li>\n<li>Twitter Summary card con una <strong>imagen grande<\/strong><\/li>\n<li>Datos de <strong>Open Graph<\/strong> para art\u00edculos\u00a0ampliados<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"plantilla-etiquetas-meta-sociales-avanzada-articulo\"><\/span>Plantilla Etiquetas Meta Sociales\u00a0Avanzada: Art\u00edculo<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div id=\"metacode\">\n<pre class=\"lang:default decode:true\" title=\"Plantilla Meta Data Social Avanzada: Art\u00edculo\">&lt;!-- Actualiza tu etiqueta HTML para incluir itemscope y itemtype. --&gt;\r\n&lt;html itemscope itemtype=\"http:\/\/schema.org\/Article\"&gt;\r\n\r\n&lt;!-- Coloca estos datos entre las etiquetas &lt;head&gt; de tu p\u00e1gina web --&gt;\r\n&lt;title&gt;T\u00edtulo de la p\u00e1gina. Longitud m\u00e1xima 60-70 caracteres&lt;\/title&gt;\r\n&lt;meta name=\"description\" content=\"Descripci\u00f3n de la p\u00e1gina. Longitud m\u00e1xima 155 caracteres.\" \/&gt;\r\n\r\n&lt;!-- Google Authorship y Marcado de Anunciante --&gt;\r\n&lt;link rel=\"author\" href=\"&lt;a \"=\"\"&gt;https:\/\/plus.google.com\/<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-overflow:visible;--awb-flex-wrap:wrap;\" ><\/div>[Perfil_Google+]\/posts\"\/&gt;\r\n&lt;link rel=\"publisher\" href=\u201dhttps:\/\/plus.google.com\/[P\u00e1gina_Google+]\"\/&gt;\r\n\r\n&lt;!-- Marcado Schema.org para Google+ --&gt;\r\n&lt;meta itemprop=\"name\" content=\"Nombre de la p\u00e1gina web\"&gt;\r\n&lt;meta itemprop=\"description\" content=\"Descripci\u00f3n de la p\u00e1gina\"&gt;\r\n&lt;meta itemprop=\"image\" content=\"http:\/\/www.ejemplo.com\/imagen.jpg\"&gt;\r\n\r\n&lt;!-- Twitter Card data --&gt;\r\n&lt;meta name=\"twitter:card\" content=\"summary_large_image\"&gt;\r\n&lt;meta name=\"twitter:site\" content=\"@anucniante\"&gt;\r\n&lt;meta name=\"twitter:title\" content=\"T\u00edtulo de la p\u00e1gina\"&gt;\r\n&lt;meta name=\"twitter:description\" content=\"Descripci\u00f3n de la p\u00e1gina. Longitud m\u00e1xima 200 caracteres\"&gt;\r\n&lt;meta name=\"twitter:creator\" content=\"@autor\"&gt;\r\n&lt;!-- Resumen Twitter Card con una imagen grande con al menos 280x150px --&gt;\r\n&lt;meta name=\"twitter:image:src\" content=\"http:\/\/www.ejemplo.com\/imagen.html\"&gt;\r\n\r\n&lt;!-- Open Graph data --&gt;\r\n&lt;meta property=\"og:title\" content=\"Descripci\u00f3n de la p\u00e1gina aqu\u00ed\" \/&gt;\r\n&lt;meta property=\"og:type\" content=\"article\" \/&gt;\r\n&lt;meta property=\"og:url\" content=\"http:\/\/www.ejemplo.com\/\" \/&gt;\r\n&lt;meta property=\"og:image\" content=\"http:\/\/ejemplo.com\/imagen.jpg\" \/&gt;\r\n&lt;meta property=\"og:description\" content=\"Descripci\u00f3n de la p\u00e1gina\" \/&gt;\r\n&lt;meta property=\"og:site_name\" content=\"Nombre de la p\u00e1gina\" \/&gt;\r\n&lt;meta property=\"article:published_time\" content=\"2013-09-17T05:59:00+01:00\" \/&gt;\r\n&lt;meta property=\"article:modified_time\" content=\"2013-09-16T19:08:47+01:00\" \/&gt;\r\n&lt;meta property=\"article:section\" content=\"Secci\u00f3n del art\u00edculo\" \/&gt;\r\n&lt;meta property=\"article:tag\" content=\"Etiqueta del art\u00edculo\" \/&gt;\r\n&lt;meta property=\"fb:admins\" content=\"ID num\u00e9rico de Facebook\" \/&gt;<\/pre>\n<\/div>\n<hr \/>\n<h2><span class=\"ez-toc-section\" id=\"plantilla-etiquetas-meta-sociales-4-producto\"><\/span>Plantilla Etiquetas Meta Sociales\u00a0#4 Producto<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>El marcado de producto es muy popular para los que tienen un ecommerce, y por lo general es muy f\u00e1cil para los desarrolladores implementarlo en <a title=\"Lista de los mejores software para crear una tienda online\" href=\"https:\/\/ignaciosantiago.com\/lista-de-los-mejores-software-para-montar-una-tienda-online\/\" target=\"_blank\" rel=\"noopener noreferrer\">el software de tiendas online<\/a>.\u00a0La plantilla del producto difiere de la de marcado \u00a0de\u00a0art\u00edculo en pocos puntos:<\/p>\n<ul>\n<li>Etiqueta &lt;html&gt; modificada para reflejar los datos de producto schema.org<\/li>\n<li>La Ficha de Producto de Twitter\u00a0incluye etiquetas de los datos obligatorios<\/li>\n<li>Los datos de Open Graph incluyen datos sobre precio y moneda<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"plantilla-etiquetas-meta-sociales-producto\"><\/span>Plantilla Etiquetas Meta Sociales: Producto<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div id=\"metacode\">\n<pre class=\"lang:default decode:true crayon-selected\" title=\"Plantilla Meta Data Social: Producto\">&lt;!-- Actualiza tu etiqueta HTML para incluir itemscope y itemtype. --&gt;\r\n&lt;html itemscope itemtype=\"http:\/\/schema.org\/Product\"&gt;\r\n\r\n&lt;!-- Coloca estos datos entre las etiquetas &lt;head&gt; de tu p\u00e1gina web --&gt;\r\n&lt;title&gt;T\u00edtulo de la p\u00e1gina. Longitud m\u00e1xima 60-70 caracteres&lt;\/title&gt;\r\n&lt;meta name=\"description\" content=\"Descripci\u00f3n de la p\u00e1gina. Longitud m\u00e1xima 155 caracteres.\" \/&gt;\r\n\r\n&lt;!-- MArcado Schema.org para Google+ --&gt;\r\n&lt;meta itemprop=\"name\" content=\"Nombre de la p\u00e1gina web\"&gt;\r\n&lt;meta itemprop=\"description\" content=\"Descripci\u00f3n de la p\u00e1gina\"&gt;\r\n&lt;meta itemprop=\"image\" content=\"http:\/\/www.ejemplo.com\/imagen.jpg\"&gt;\r\n\r\n&lt;!-- Twitter Card data --&gt;\r\n&lt;meta name=\"twitter:card\" content=\"product\"&gt;\r\n&lt;meta name=\"twitter:site\" content=\"@anunciante\"&gt;\r\n&lt;meta name=\"twitter:title\" content=\"T\u00edtulo de la p\u00e1gina\"&gt;\r\n&lt;meta name=\"twitter:description\" content=\"Descripci\u00f3n de la p\u00e1gina. Longitud m\u00e1xima 200 caracteres\"&gt;\r\n&lt;meta name=\"twitter:creator\" content=\"@autor\"&gt;\r\n&lt;meta name=\"twitter:image\" content=\"http:\/\/www.ejemplo.com\/imagen.html\"&gt;\r\n&lt;meta name=\"twitter:data1\" content=\"$3\"&gt;\r\n&lt;meta name=\"twitter:label1\" content=\"Precio\"&gt;\r\n&lt;meta name=\"twitter:data2\" content=\"Negro\"&gt;\r\n&lt;meta name=\"twitter:label2\" content=\"Color\"&gt;\r\n\r\n&lt;!-- Open Graph data --&gt;\r\n&lt;meta property=\"og:title\" content=\"T\u00edtulo de la p\u00e1gina aqu\u00ed\" \/&gt;\r\n&lt;meta property=\"og:type\" content=\"article\" \/&gt;\r\n&lt;meta property=\"og:url\" content=\"http:\/\/www.ejemplo.com\/\" \/&gt;\r\n&lt;meta property=\"og:image\" content=\"http:\/\/ejemplo.com\/imagen.jpg\" \/&gt;\r\n&lt;meta property=\"og:description\" content=\"Descripci\u00f3n de la p\u00e1gina\" \/&gt;\r\n&lt;meta property=\"og:site_name\" content=\"Nombre de la p\u00e1gina\" \/&gt;\r\n&lt;meta property=\"og:price:amount\" content=\"15.00\" \/&gt;\r\n&lt;meta property=\"og:price:currency\" content=\"EUR\" \/&gt;<\/pre>\n<\/div>\n<hr \/>\n<h2><span class=\"ez-toc-section\" id=\"herramientas-de-prueba-y-verificacion\"><\/span>Herramientas de\u00a0prueba y\u00a0verificaci\u00f3n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<div id=\"tools\">\n<div>\n<h4><img decoding=\"async\" class=\"alignright size-full wp-image-7624\" src=\"https:\/\/ignaciosantiago.com\/wp-content\/uploads\/2013\/11\/plantillas-etiquetas-meta-sociales-twitter.jpg\" alt=\"plantillas etiquetas meta sociales twitter\" width=\"112\" height=\"109\" \/>A. Herramienta de validaci\u00f3n de Twitter<\/h4>\n<p><a href=\"https:\/\/dev.twitter.com\/docs\/cards\/validation\/validator\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/dev.twitter.com\/docs\/cards\/validation\/validator<\/a><\/p>\n<p>Antes de que se muestren tus <em>Twitter Cards<\/em> <strong>debes tener tu dominio verificado<\/strong>. Afortunadamente, es un proceso muy f\u00e1cil. Despu\u00e9s de implementar tus tarjetas, escribe la URL de ejemplo en la herramienta de validaci\u00f3n. Despu\u00e9s de comprobar el marcado, seleccione el bot\u00f3n \u00abEnviar para aprobaci\u00f3n\u00bb.<\/p>\n<\/div>\n<div>\n<h4><img decoding=\"async\" class=\"alignright size-full wp-image-7623\" src=\"https:\/\/ignaciosantiago.com\/wp-content\/uploads\/2013\/11\/plantillas-etiquetas-meta-sociales-facebook.jpg\" alt=\"plantillas etiquetas meta sociales facebook\" width=\"112\" height=\"112\" srcset=\"https:\/\/ignaciosantiago.com\/wp-content\/uploads\/2013\/11\/plantillas-etiquetas-meta-sociales-facebook-66x66.jpg 66w, https:\/\/ignaciosantiago.com\/wp-content\/uploads\/2013\/11\/plantillas-etiquetas-meta-sociales-facebook.jpg 112w\" sizes=\"(max-width: 112px) 100vw, 112px\" \/>B.\u00a0Herramienta de depuraci\u00f3n de\u00a0Facebook<\/h4>\n<p><a href=\"https:\/\/developers.facebook.com\/tools\/debug\" target=\"_blank\" rel=\"noopener\">https:\/\/developers.facebook.com\/tools\/debug<\/a><\/p>\n<p>No necesitas aprobaci\u00f3n previa para que se muestre en Facebook tu metainformaci\u00f3n, pero la herramienta de depuraci\u00f3n que ofrece te da una gran cantidad de informaci\u00f3n acerca de todas las etiquetas y tambi\u00e9n te permite analizar las etiquetas de Twitter.<\/p>\n<\/div>\n<div>\n<h4><img decoding=\"async\" class=\"alignright size-full wp-image-7622\" src=\"https:\/\/ignaciosantiago.com\/wp-content\/uploads\/2013\/11\/plantillas-etiquetas-meta-sociales-google-plus.jpg\" alt=\"plantillas etiquetas meta sociales google plus\" width=\"112\" height=\"112\" srcset=\"https:\/\/ignaciosantiago.com\/wp-content\/uploads\/2013\/11\/plantillas-etiquetas-meta-sociales-google-plus-66x66.jpg 66w, https:\/\/ignaciosantiago.com\/wp-content\/uploads\/2013\/11\/plantillas-etiquetas-meta-sociales-google-plus.jpg 112w\" sizes=\"(max-width: 112px) 100vw, 112px\" \/>C. Herramienta de prueba de datos estructurados de Google<\/h4>\n<p><a href=\"http:\/\/www.google.com\/webmasters\/tools\/richsnippets\" target=\"_blank\" rel=\"noopener\">http:\/\/www.google.com\/webmasters\/tools\/richsnippets<\/a><br \/>\nWebmasters traditionally use the structured data testing tool to test authorship markup and preview how snippets will appear in search results, but you can also use see what other types of meta data Google is able to extract from each page.<\/p>\n<\/div>\n<div>\n<h4><img decoding=\"async\" class=\"alignright size-full wp-image-7621\" src=\"https:\/\/ignaciosantiago.com\/wp-content\/uploads\/2013\/11\/plantillas-etiquetas-meta-sociales-pinterest.jpg\" alt=\"plantillas etiquetas meta sociales pinterest\" width=\"112\" height=\"112\" srcset=\"https:\/\/ignaciosantiago.com\/wp-content\/uploads\/2013\/11\/plantillas-etiquetas-meta-sociales-pinterest-66x66.jpg 66w, https:\/\/ignaciosantiago.com\/wp-content\/uploads\/2013\/11\/plantillas-etiquetas-meta-sociales-pinterest.jpg 112w\" sizes=\"(max-width: 112px) 100vw, 112px\" \/>D. Validador de Pins de Pinterest<\/h4>\n<p><a href=\"http:\/\/developers.pinterest.com\/rich_pins\/validator\/\" target=\"_blank\" rel=\"noopener\">http:\/\/developers.pinterest.com\/rich_pins\/validator\/<\/a><\/p>\n<p>Al igual que Twitter, <strong>Pinterest requiere un proceso de aprobaci\u00f3n para habilitar la funcionalidad <em>Pin Enriquecido<\/em><\/strong>. Utiliza la herramienta de validaci\u00f3n de <strong>Rich Pin<\/strong>\u00a0para probar el marcado de datos y solicitar la aprobaci\u00f3n al mismo tiempo.<\/p>\n<\/div>\n<\/div>\n<hr \/>\n<h2><span class=\"ez-toc-section\" id=\"consejos-y-mejores-practicas\"><\/span>Consejos y mejores pr\u00e1cticas<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"optimizacion-de-imagenes\"><\/span>Optimizaci\u00f3n de im\u00e1genes<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>La imagen que vinculas a tus datos sociales en realidad <strong>no tiene por qu\u00e9 estar o mostrarse en la misma p\u00e1gina<\/strong>, pero debe representar a la perfecci\u00f3n tu contenido. La imagen le permite controlar lo que la gente ve cuando comparten tu contenido, por lo que es importante la <strong>utilizaci\u00f3n de im\u00e1genes de calidad<\/strong>.<\/p>\n<p>Cada plataforma social tiene diferentes est\u00e1ndares para las medidas. Por lo general, <strong>es m\u00e1s f\u00e1cil elegir un tama\u00f1o de imagen que vayas a usar para todos los servicios<\/strong>:<\/p>\n<ul>\n<li>Miniatura\u00a0Twitter: 120x120px<\/li>\n<li>imagen grande Twitter: 280x150px<\/li>\n<li>Facebook: Los est\u00e1ndares suelen variar, pero una imagen de la menos 200x200px funciona muy bien. Facebook recomienda im\u00e1genes grandes de hasta 1200px de ancho.<\/li>\n<\/ul>\n<p>En pocas palabras, cuanto mayor sea la imagen mayor flexibilidad. En caso de duda, prueba cada p\u00e1gina utilizando la herramienta apropiada en la lista que acabamos de ver, para ver exactamente c\u00f3mo van a aparecer las im\u00e1genes los resultados de b\u00fasqueda.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"la-importancia-de-los-datos-open-graph\"><\/span>La importancia de los datos Open Graph<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Si tan pudi\u00e9ramos elegir un solo tipo de metadatos para incluir en una p\u00e1gina web, estos ser\u00edan los datos Open Graph. Esto se debe a que todas las plataformas pueden utilizarlo como reserva, incluyendo Twitter en gran medida.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"pagina-de-insights-de-facebook\"><\/span>P\u00e1gina de Insights de Facebook<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>La propiedad meta \u00abfb: admins\u00bb requiere que introduzcas tu n\u00famero de identificaci\u00f3n num\u00e9rico de\u00a0Facebook y te da acceso a la anal\u00edtica de c\u00f3mo el contenido de tu p\u00e1gina web es compartido en Facebook. Te animo a leer m\u00e1s acerca de\u00a0Insights de Facebook, incluyendo c\u00f3mo configurarlo y descubrir la identificaci\u00f3n num\u00e9rica.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-7625\" src=\"https:\/\/ignaciosantiago.com\/wp-content\/uploads\/2013\/11\/plantillas-etiquetas-meta-sociales-3.jpg\" alt=\"plantillas etiquetas meta sociales\" width=\"650\" height=\"262\" srcset=\"https:\/\/ignaciosantiago.com\/wp-content\/uploads\/2013\/11\/plantillas-etiquetas-meta-sociales-3-150x60.jpg 150w, https:\/\/ignaciosantiago.com\/wp-content\/uploads\/2013\/11\/plantillas-etiquetas-meta-sociales-3-200x81.jpg 200w, https:\/\/ignaciosantiago.com\/wp-content\/uploads\/2013\/11\/plantillas-etiquetas-meta-sociales-3-400x161.jpg 400w, https:\/\/ignaciosantiago.com\/wp-content\/uploads\/2013\/11\/plantillas-etiquetas-meta-sociales-3-600x242.jpg 600w, https:\/\/ignaciosantiago.com\/wp-content\/uploads\/2013\/11\/plantillas-etiquetas-meta-sociales-3.jpg 650w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><\/p>\n<hr \/>\n<h2><span class=\"ez-toc-section\" id=\"otros-recursos\"><\/span>Otros recursos<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Utiliza estas plantillas como punto de partida, pero estas pueden personalizarse de millones de maneras. Te dejo unas cuantas p\u00e1ginas que pueden ayudarte en ese proceso:<\/p>\n<ul>\n<li><a title=\"Gu\u00eda SEO para los C\u00f3digos de estado HTTP [INFOGRAF\u00cdA]\" href=\"https:\/\/ignaciosantiago.com\/guia-seo-codigos-de-estado-http-infografia\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gu\u00eda SEO para los C\u00f3digos de estado HTTP [INFOGRAF\u00cdA]<\/a><\/li>\n<li><a href=\"https:\/\/dev.twitter.com\/docs\/cards\" target=\"_blank\" rel=\"noopener noreferrer\">Twitter Card Documentation<\/a><\/li>\n<li><a href=\"http:\/\/ogp.me\/\" target=\"_blank\" rel=\"noopener noreferrer\">The Open Graph Protocol<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/+\/web\/snippet\/\" target=\"_blank\" rel=\"noopener noreferrer\">Snippet &#8211; Google+ Platform<\/a><\/li>\n<li><a href=\"http:\/\/business.pinterest.com\/rich-pins\/\" target=\"_blank\" rel=\"noopener noreferrer\">Pinterest Rich Pins for Business<\/a><\/li>\n<\/ul>\n<p>Si te ha gustado el art\u00edculo que no se te olvide compartirlo y ponerle nota.<\/p>\n<\/div>\n<!-- FeedbackWP Plugin --><div  class=\"rmp-widgets-container rmp-wp-plugin rmp-main-container js-rmp-widgets-container js-rmp-widgets-container--7591 \"  data-post-id=\"7591\">    <!-- Rating widget -->  <div class=\"rmp-rating-widget js-rmp-rating-widget\">          <p class=\"rmp-heading rmp-heading--title\">        \u00bfTe ha gustado el contenido?      <\/p>            <div class=\"rmp-rating-widget__icons\">      <ul class=\"rmp-rating-widget__icons-list js-rmp-rating-icons-list\">                  <li class=\"rmp-rating-widget__icons-list__icon js-rmp-rating-item\" data-descriptive-rating=\"\" data-value=\"1\">            <i class=\"js-rmp-rating-icon rmp-icon rmp-icon--ratings rmp-icon--star rmp-icon--full-highlight\"><\/i>          <\/li>                  <li class=\"rmp-rating-widget__icons-list__icon js-rmp-rating-item\" data-descriptive-rating=\"\" data-value=\"2\">            <i class=\"js-rmp-rating-icon rmp-icon rmp-icon--ratings rmp-icon--star rmp-icon--full-highlight\"><\/i>          <\/li>                  <li class=\"rmp-rating-widget__icons-list__icon js-rmp-rating-item\" data-descriptive-rating=\"\" data-value=\"3\">            <i class=\"js-rmp-rating-icon rmp-icon rmp-icon--ratings rmp-icon--star rmp-icon--full-highlight\"><\/i>          <\/li>                  <li class=\"rmp-rating-widget__icons-list__icon js-rmp-rating-item\" data-descriptive-rating=\"\" data-value=\"4\">            <i class=\"js-rmp-rating-icon rmp-icon rmp-icon--ratings rmp-icon--star rmp-icon--full-highlight\"><\/i>          <\/li>                  <li class=\"rmp-rating-widget__icons-list__icon js-rmp-rating-item\" data-descriptive-rating=\"\" data-value=\"5\">            <i class=\"js-rmp-rating-icon rmp-icon rmp-icon--ratings rmp-icon--star rmp-icon--full-highlight\"><\/i>          <\/li>              <\/ul>    <\/div>    <p class=\"rmp-rating-widget__hover-text js-rmp-hover-text\"><\/p>    <button class=\"rmp-rating-widget__submit-btn rmp-btn js-submit-rating-btn\">          <\/button>    <p class=\"rmp-rating-widget__results js-rmp-results \">      Puntuaci\u00f3n media <span class=\"rmp-rating-widget__results__rating js-rmp-avg-rating\">5<\/span> \/ 5. Votos: <span class=\"rmp-rating-widget__results__votes js-rmp-vote-count\">42<\/span>    <\/p>    <p class=\"rmp-rating-widget__not-rated js-rmp-not-rated rmp-rating-widget__not-rated--hidden\">      \u00a1Todav\u00eda no hay votos! S\u00e9 el primero en valorar el contenido.    <\/p>    <p class=\"rmp-rating-widget__msg js-rmp-msg\"><\/p>  <\/div>  <!--Structured data -->  <script type=\"application\/ld+json\">{  \"@context\": \"http:\/\/schema.org\",  \"@type\": \"Product\",  \"aggregateRating\": {    \"@type\": \"AggregateRating\",    \"bestRating\": \"5\",    \"ratingCount\": \"42\",    \"ratingValue\": \"5\"  },  \"image\": \"https:\/\/ignaciosantiago.com\/wp-content\/uploads\/2013\/11\/plantillas-etiquetas-meta-sociales.jpg\",  \"name\": \"Open Graph META TAGS, Qu\u00e9 Son y Plantillas ????\",  \"description\": \"Open Graph META TAGS, Qu\u00e9 Son y Plantillas ????\"}<\/script>      <\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfQuieres conocer cuales son las metaetiquetas de las redes sociales [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":7620,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_lock_modified_date":false,"footnotes":""},"categories":[1030],"tags":[],"class_list":["post-7591","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-herramientas-recursos-online"],"_links":{"self":[{"href":"https:\/\/ignaciosantiago.com\/wp-json\/wp\/v2\/posts\/7591","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ignaciosantiago.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ignaciosantiago.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ignaciosantiago.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ignaciosantiago.com\/wp-json\/wp\/v2\/comments?post=7591"}],"version-history":[{"count":0,"href":"https:\/\/ignaciosantiago.com\/wp-json\/wp\/v2\/posts\/7591\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ignaciosantiago.com\/wp-json\/wp\/v2\/media\/7620"}],"wp:attachment":[{"href":"https:\/\/ignaciosantiago.com\/wp-json\/wp\/v2\/media?parent=7591"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ignaciosantiago.com\/wp-json\/wp\/v2\/categories?post=7591"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ignaciosantiago.com\/wp-json\/wp\/v2\/tags?post=7591"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}