M
mateopereira
Beta
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Como se sabe, o SEO é algo muito importante para posicionar seu blog nos mecanismos de busca.
E uma das primeiras coisas para poder começar bem desde o início com seu blog é configurar corretamente o <head>.
Aqui deixo passo a passo o que seu blog deve conter:
*Tudo o que estiver entre código HTML é o que deve ser colocado.
Dentro do head adicionaremos o seguinte:
Isso é importante se você ainda não tem um domínio; se já tiver, não é necessário colocar, pois sua função é evitar o redirecionamento por países (.ar, .co, etc.), deixando-o em .com.
O seguinte são comentários condicionais IE -> Permite usar CSS condicionalmente. A melhor forma de usá-los seria no <html>, mas não é possível sem transformar em entidades
Agora vamos fazer com que funcione corretamente em todos os navegadores:
*Importante que você altere onde diz "CÓDIGO" pelo código que o Bing te fornecer.
Agora vêm as metas para indexar o conteúdo corretamente no Facebook:
Agora mais algumas coisas para indexar todo o conteúdo e adicionar keys, que embora quase não sejam mais utilizadas, podem servir:
Por último, os títulos:
Já só nos falta colocar o último. A URL canônica, favicon, descrição, imagem do post, feed e um script para a compatibilidade com HTML5:
Isso é tudo...
Atualizo:
Peço desculpas a [MENTION=28190]ecoal95[/MENTION], os créditos são para ele.
Fonte: Reemplazar el includable all-head-content en blogger | Emilio Cobos-CMC
E uma das primeiras coisas para poder começar bem desde o início com seu blog é configurar corretamente o <head>.
Aqui deixo passo a passo o que seu blog deve conter:
*Tudo o que estiver entre código HTML é o que deve ser colocado.
HTML:
<head>
HTML:
<!-- script redirección -->
<script type='text/javascript'>
//<![CDATA[
(function(){
var URL = document.URL,
reg = /\.blogspot\.(com\...|..)\//
if( URL.match( reg ) ){
window.location = URL.replace( reg, ".blogspot.com\/ncr\/" )
}
})()
// Fallback CSS para cuando no hay javascript
document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
//]]>
</script>O seguinte são comentários condicionais IE -> Permite usar CSS condicionalmente. A melhor forma de usá-los seria no <html>, mas não é possível sem transformar em entidades
HTML:
<!--[if IE 8]>
<script type='text/javascript'>document.documentElement.className += ' ie8 lt-ie9'</script>
<![endif]-->
<!--[if IE 7]>
<script type='text/javascript'>document.documentElement.className += ' ie7 lt-ie8 lt-ie9'</script>
<![endif]-->
<!--[if lt IE 7]>
<script type='text/javascript'>document.documentElement.className += ' ie6 lt-ie7 lt-ie8 lt-ie9'</script>
<![endif]-->Agora vamos fazer com que funcione corretamente em todos os navegadores:
*Importante que você altere onde diz "CÓDIGO" pelo código que o Bing te fornecer.
HTML:
<!--Meta X-UA-Compatible -> Mejor experiencia para IE -->
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'/>
<!-- meta viewport -> dispositivos móviles -->
<meta content='width=device-width,initial-scale=1.0,maximum-scale=1.0' name='viewport'/>
<!-- Para que indexe Bing [código proporcionado por él] -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='[CODIGO]' name='msvalidate.01'/>
</b:if>Agora vêm as metas para indexar o conteúdo corretamente no Facebook:
HTML:
<meta property='og:site_name' expr:content='data:blog.title'/>
<meta property='og:type' content='blog'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.metaDescription'>
<meta property='og:description' expr:content='data:blog.metaDescription'/>
<b:else />
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- Metas home -->
<meta property='og:description' content='[AQUÍ COLOCA LA DESCRIPCIÓN DE TU BLOG]'/>
<b:else />
<meta name='description' property='og:description' expr:content='data:blog.pageName + ": " + data:blog.title'/>
</b:if>
</b:if>
<!-- Imagen del post -->
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta property='og:image' expr:content='data:blog.postImageThumbnailUrl' />
</b:if>Agora mais algumas coisas para indexar todo o conteúdo e adicionar keys, que embora quase não sejam mais utilizadas, podem servir:
HTML:
<meta name='keywords' content='[palabras, clave, separadas, por, coma]'/>
<!-- Indexación -->
<b:if cond='data:blog.pageType == "archive"'>
<!-- No queremos indexar en los archivos -->
<meta content='noindex,nofollow' name='robots'/>
<b:else />
<b:if cond='data:blog.pageType == "error_page"'>
<!-- Ni en las 404 -->
<meta content='noindex,nofollow' name='robots'/>
<b:else />
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- En el home sí -->
<meta content='index,follow' name='robots'/>
<b:else/>
<!-- Pero en el resto de las index no -->
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:else />
<!-- En el resto (páginas y posts) sí -->
<meta content='index,follow' name='robots'/>
</b:if>
</b:if>
</b:if>
<!-- Links rel=next y rel=prev -> Indexación también -->
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.newerPageUrl'>
<link expr:href='data:blog.newerPageUrl' rel='next'/>
</b:if>
<b:if cond='data:blog.olderPageUrl'>
<link expr:href='data:blog.olderPageUrl' rel='prev'/>
</b:if>
</b:if>
<!-- Contenido -->
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>Por último, os títulos:
HTML:
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<meta property='og:title' expr:content='data:blog.pageName + ": " + data:blog.title'/>
<title><data:blog.pageName/>: <data:blog.title/></title>
<b:else/>
<meta property='og:title' expr:content='data:blog.pageTitle'/>
<title><data:blog.pageTitle/></title>
</b:if>
<b:include data='blog' name='all-head-content'/>Já só nos falta colocar o último. A URL canônica, favicon, descrição, imagem do post, feed e um script para a compatibilidade com HTML5:
HTML:
<!-- Meta content-type está obsoleta, usaremos charset -->
<meta charset='utf-8' />
<meta name='generator' content='blogger' />
<!-- Link al favicon (es el personalizado) -->
<b:if cond='data:blog.blogspotFaviconUrl'>
<link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
</b:if>
<!-- Link rel=canonical -->
<link rel='canonical' expr:href='data:blog.canonicalUrl' />
<!-- La descripción -->
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description' />
</b:if>
<!-- La imagen del post -->
<b:if cond='data:blog.postImageThumbnailUrl'>
<link rel='image_src' expr:href='data:blog.postImageThumbnailUrl' />
</b:if>
<!-- Link rel=me si existe -->
<b:if cond='data:blog.meTag'>
<data:blog.meTag />
</b:if>
<!-- Links del feed -->
<b:if cond='data:blog.feedLinks'>
<data:blog.feedLinks />
</b:if>
<!-- Compatibilidad con HTML5 sí, pero no para IE9, que es un buen navegador -->
<!--[if lt IE 9]>
<script src='http://html5shiv.googlecode.com/svn/trunk/html5.js'></script>
<![endif]-->
HTML:
</head>Isso é tudo...
Atualizo:
Peço desculpas a [MENTION=28190]ecoal95[/MENTION], os créditos são para ele.
Fonte: Reemplazar el includable all-head-content en blogger | Emilio Cobos-CMC
Última edição:
