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 |
*Puede eliminar alguna de las funciones que no desea utilizar en su metaetiquetas de su plantilla blogger.
