Como Implementar Metaetiquetas Compatible con SEO en Blogger

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 blog y sea más fácil clasificarlo en la página de resultados del motor de búsqueda.

La función de metaetiqueta básicamente consta de varios elementos importantes, entre ellos:

1º La Meta Descripción

La meta descripción se utiliza para proporcionar una descripción general del contenido de la página de su blog en blogger. El tamaño recomendado no debe superar los 200 caracteres. Y tratar de que esta descripción pueda ser breve. Generalmente las metaetiquetas implementadas en algunas plantillas blogger viene por defecto 'data:blog.metaDescription' esta meta descripción asume automáticamente la descripción que escribimos en la configuración de nuestro blog.

<meta content='DESCRIPCION-DEL-BLOG' name='description'/>

2º Las Meta etiquetas

Las meta etiquetas son palabras clave dentro de blogger, es muy importante porque determina qué palabras clave se utilizan mas dentro del blog como Etiquetas, títulos, descripción, etc (los motores de búsqueda en internet obtienen estas palabras claves y lo categorizan en sectores específicos).

<meta content='PALABRA CLAVE 1, PALABRA CLAVE 2, PALABRA CLAVE 3,...' name='keywords'/>

3º La Meta etiqueta Robots

El propósito principal de usar la metaetiqueta de robots es determinar qué páginas del blog se indexarán mediante los resultados de búsqueda y qué páginas de blog no se desea indexar. Esta etiqueta es útil, especialmente si un blog usa marcos para la navegación.

<meta content="index follow" name="robots"/>

* Estos tres componentes de meta etiquetas, cuando se combinan, se ven así:

<meta content='DESCRIPCION-DEL-BLOG' name='description'/>
<meta content='PALABRA CLAVE 1, PALABRA CLAVE 2, PALABRA CLAVE 3,...' name='keywords'/>
<meta content='index, follow' name='robots'/>

Después de conocer las funciones y algunos conceptos básicos de meta etiquetas que debes implementar en tu plantilla de blogger. Ahora explicare como implementar o modificar las meta etiquetas que se encuentra a menudo en las plantillas que compartimos.

Compartiremos un ejemplo de metaetiquetas SEO para blogger en HTML5 que se utiliza 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>

Algunos diseños de plantillas blogger tienen implementado las metaetiquetas, en este caso solo debemos rellenar con nuestros datos o datos de nuestro blog. En otro caso simplemente reemplace la metaetiqueta existente con esta metaetiquetas HTML5 compatibles con SEO. Estas metaetiquetas pueden tener muchas variantes pero cumplen la misma función.

<!-- [ Meta Tag SEO ] -->
<include expiration='7d' path='*.css'/>
<include expiration='7d' path='*.js'/>
<include expiration='3d' path='*.gif'/>
<include expiration='3d' path='*.jpeg'/>
<include expiration='3d' path='*.jpg'/>
<include expiration='3d' path='*.png'/>
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='https://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<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:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title> Página no encontrada - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != "error_page"'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<script type='application/ld+json'>{ "@context": "https://schema.org", "@type": "WebSite", "url": "<data:blog.homepageUrl/>", "potentialAction": { "@type": "SearchAction", "target": "<data:blog.homepageUrl/>?q={search_term}", "query-input": "required name=search_term" } }</script>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + ", " + data:blog.pageTitle + ", " + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='PALABRAS-CLAVES-DEL-BLOG' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"https://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://www.blogger.com/profile/ID-BLOGGER' rel='publisher'/>
<link href='https://www.blogger.com/profile/ID-BLOGGER' rel='author'/>
<link href='https://www.blogger.com/profile/ID-BLOGGER' rel='me'/>
<meta content='CÓDIGO-VALIDACIÓN-GOOGLE-WEBMASTER' name='google-site-verification'/>
<meta content='CÓDIGO-VALIDACIÓN-BING-WEBMASTER' name='msvalidate.01'/>
<meta content='PAIS' name='geo.placename'/>
<meta content='NOMBRE-ADMINISTRADOR' name='Author'/>
<meta content='general' name='rating'/>
<meta content='ID' name='geo.country'/>
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='"Silakan kunjungi " + data:blog.pageTitle + " Untuk membaca postingan menarik."' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<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='IMAGEN-LOGO-DEL-BLOG' property='og:image'/>
</b:if>
</b:if>
<meta content='https://www.facebook.com/PERFIL-FACEBOOK' property='article:author'/>
<meta content='https://www.facebook.com/PAGINA-FACEBOOK' property='article:publisher'/>
<meta content='CÓDIGO-APLICACIÓN-FACEBOOK' property='fb:app_id'/>
<meta content='CÓDIGO-ADMINISTRADOR-FACEBOOK' property='fb:admins'/>
<meta content='es_ES' property='og:locale'/>
<meta content='en_US' property='og:locale:alternate'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='USUARIO-TWITTER' name='twitter:site'/>
<meta content='USUARIO-TWITTER' name='twitter:creator'/>
<meta content='summary_large_image' name='twitter:card'/>
<link href='//ajax.googleapis.com' rel='dns-prefetch'/><link href='//www.google-analytics.com' rel='dns-prefetch'/><link href='//googleads.g.doubleclick.net' rel='dns-prefetch'/><link href='//www.googletagservices.com' rel='dns-prefetch'/><link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/><link href='//maxcdn.bootstrapcdn.com' rel='dns-prefetch'/><link href='//adservice.google.ca' rel='dns-prefetch'/><link href='//adservice.google.com' rel='dns-prefetch'/><link href='//resources.blogblog.com' rel='dns-prefetch'/><link href='//fonts.googleapis.com' rel='dns-prefetch'/><link href='//1.bp.blogspot.com' rel='dns-prefetch'/><link href='//2.bp.blogspot.com' rel='dns-prefetch'/><link href='//3.bp.blogspot.com' rel='dns-prefetch'/><link href='//4.bp.blogspot.com' rel='dns-prefetch'/><link href='//disqus.com' rel='dns-prefetch'/><link href='//github.com' rel='dns-prefetch'/><link href='//cdn.jsdelivr.net' rel='dns-prefetch'/><link href='//fontawesome.com' rel='dns-prefetch'/><link href='//www.sharethis.com' rel='dns-prefetch'/>

DESCRIPCION	INFORMACION
PALABRAS-CLAVES-DEL-BLOG	Rellenar con las palabras claves del blog separado por comas ejemplo: blog,blogger,blogero.
USUARIO-BLOGGER	Rellenar con ID del perfil de usuario de blogger, ejemplo: https://www.blogger.com/profile/07839937594714189422
CODIGO-VALIDACION-GOOGLE-WEBMASTER	Rellenar con el código de validación de Google en Search Console
CODIGO-VALIDACION-BING-WEBMASTER	Rellenar con el código de validación de Bing Webmaster (En la actualidad no es necesario solo debemos tener registrado nuestro blog en BING)
PAIS	País de origen donde se publica su blog
NOMBRE-ADMINISTRADOR	Rellenar con el nombre del autor del blog
ID	Rellenar con el código geografico de país donde se publica su blog, puede encontrarlos en Codigo Paises ejemplo Perú (su código de país seria PE)
IMAGEN-LOGO-DEL-BLOG	Rellenar con imagen o enlace url del logo de su blog
PERFIL-FACEBOOK	Rellenar con el enlace url del perfil en Facebook
PAGINA-FACEBOOK	Rellenar con el enlace de la página de fans en Facebook
CODIGO-APLICACION-FACEBOOK	Rellenar con el código de la aplicación de Facebook, puede hacerlo en https://developers.facebook.com
CODIGO-ADMINISTRADOR-FACEBOOK	Rellene con el código de perfil de su Facebook
USUARIO-TWITTER	Rellenar con tu nombre de usuario en Twitter