Las metaetiquetas son una de las optimizaciones que se
implementan en las plantillas blogger para que los blogs y artículos que
publicamos tengan una identidad clara. Para que los robots de búsqueda
como Google, Bing y otras herramientas de búsqueda busquen más fácilmente
nuestro contenido del blog y sea más fácil clasificarlo en la
página de resultados del motor de búsqueda.
Es importante tomar medidas para ver si nuestro blog no nos esta ayudando a posicionar nuestro contenido porque una metaetiqueta mal implementada ya sea que viene por defecto en los diseños blogger, puede causar la caída de la indexación de nuestras paginas en blogger. Aunque en algunas ocaciones asi no tengas metatiquetas, ni sean un gran seo viralizas tu contenido nada esta dicho pero una ayudita no cae mal a conocer mas como funciona las metaetiquetas y el posicionamiento web.
En el pasado eran muy importantes los <meta name='keywords'>, <meta name='geo.placename'>, <meta name='author'>. etc. y mas etiquetas que venian implementado en lso diseños de blogger eran importantes. en la actualidad ya no sirven porque los navegadores y el mismo google tiene su propia forma rastrear el contenido con sus robots e ignora mucho de estas metaetiquetas que tenemos instalado por defecto.
Compartiremos 2 códigos de metaetiquetas para blogger en HTML5 que se puede utilizar o implementar en diferentes diseños de plantillas blogger, este código se puede colocar debajo de la etiqueta de apertura <head> o antes del cierre </head>
1º METAETIQUETA SIMPLE, lo que deberíamos tener la mayoría implementado en nuestro blog con pocas cosas que rellenar lo puse en mayusculas para que rellenen con sus datos propio.
<!-- METADATOS BÁSICOS -->
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<link expr:href='data:blog.canonicalUrl' rel='canonical'/>
<!-- TÍTULO Y DESCRIPCIÓN AUTOMÁTICOS -->
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
<!-- CONTROL DE CONTENIDO DUPLICADO Y BÚSQUEDAS -->
<b:if cond='data:blog.pageType in {"archive"} or data:blog.searchLabel'>
<meta content='noindex, follow' name='robots'/>
</b:if>
<!-- VERIFICACIÓN SEARCH CONSOLE -->
<meta content='CODIGO-VALIDACION-GOOGLE-WEBMASTER' name='google-site-verification'/>
<!-- TARJETAS PARA REDES SOCIALES (OPEN GRAPH SIMPLIFICADO) -->
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<meta content='URL-DE-TU-LOGOMARCA-O-IMAGEN' property='og:image'/>
</b:if>2º METAETIQUETA EXTENDIDA, para mejorar la indexación y seo de nuestra pagina con un poco mas de detalles y códigos importantes para nuestro blog. Solo rellenar con nuestros datos lo que vemos en mayusculas.
<!-- METADATOS BÁSICOS Y CANONICAL (Crucial para evitar contenido duplicado) -->
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<link expr:href='data:blog.canonicalUrl' rel='canonical'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<!-- TÍTULOS DINÁMICOS OPTIMIZADOS PARA CADA PÁGINA -->
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<b:else/>
<title>Página no encontrada - <data:blog.title/></title>
</b:if>
</b:if>
<!-- DESCRIPCIÓN AUTOMÁTICA -->
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
<!-- CONTROL DE RASTREO E INDEXACIÓN (Evita desperdiciar presupuesto de rastreo de Google) -->
<b:if cond='data:blog.pageType in {"archive"} or data:blog.searchLabel'>
<meta content='noindex, follow' name='robots'/>
<b:else/>
<!-- Instrucción explícita a Googlebot para indexar e incluir snippet enriquecido -->
<meta content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' name='robots'/>
</b:if>
<!-- VERIFICACIÓN DE SEARCH CONSOLE Y BING -->
<meta content='CODIGO-VALIDACION-GOOGLE-WEBMASTER' name='google-site-verification'/>
<meta content='CODIGO-VALIDACION-BING-WEBMASTER' name='msvalidate.01'/>
<!-- REDES SOCIALES (Open Graph & Twitter Cards) -->
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<meta content='summary_large_image' name='twitter:card'/>
<!-- Imagen destacada para compartir en redes -->
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='URL-DE-TU-LOGOMARCA-O-IMAGEN' property='og:image'/>
</b:if>
</b:if>
<!-- DATOS ESTRUCTURADOS SCHEMA.ORG (Ayuda a Google a entender qué es un Artículo/Blog) -->
<b:if cond='data:blog.pageType == "item"'>
<script type='application/ld+json'>
{
"@context": "https://schema.org",
"@type": "BlogPosting",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "<data:blog.canonicalUrl/>"
},
"headline": "<data:blog.pageName/>",
"description": "<data:blog.metaDescription/>",
"image": "<data:blog.postImageUrl/>",
"publisher": {
"@type": "Organization",
"name": "<data:blog.title/>"
}
}
</script>
</b:if>Los datos que debemos modificar están en este listado simple:
| DESCRIPCION | INFORMACION |
|---|---|
| CODIGO-VALIDACION-GOOGLE-WEBMASTER | ¿Qué va aquí?: La cadena de letras y números que te proporciona Google Search Console cuando eliges el método de verificación mediante "Etiqueta HTML".Ejemplo: a1b2c3d4e5f6g7h8i9j0 |
| CODIGO-VALIDACION-BING-WEBMASTER | ¿Qué va aquí?: La clave que te otorga Bing Webmaster Tools para verificar tu blog en el buscador de Microsoft.Ejemplo: 1234567890ABCDEF1234567890ABCDEF |
| URL-DE-TU-LOGOMARCA-O-IMAGEN | ¿Qué va aquí?: El enlace directo a una imagen (tu logo o la portada de tu sitio) en formato .png o .jpg. Se usará como imagen por defecto cuando compartas el enlace principal de tu blog en Facebook, WhatsApp o Twitter si la página no tiene otra imagen. |
*Puede reemplazar las metaetiquetas de su blog si no le va bien en la indexación en caso te va muy bien en tus paginas olvida este post 😋. Lo que esta bien no se toca esa es la consigna. Experimenta en la paginas no veas resultados.
