kanikase
Préstamo
Ómicron
Programador
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
- Desde
- 22 Feb 2014
- Mensajes
- 4.716
SEO en <head> Blogger
Hola amigos de forobeta, este sera mi primer tutorial para blogger, es para el SEO, principalmente seran metaetiquetas, pero tambien les dejare los codigos para la optimizacion de los titulos en los buscadores y en las redes sociales, asi que empezemos.
Primero se van a lo su Blogger - Configuracion- Basico, ahi veran varios campos de texto, para el SEO el que nos interesa es descripcion, asi que lo modificamos, ponen la descripcion que quieran, esa descripcion sera la que estara enseguida del titulo de su blog.
Ya hecho eso, ahora se van a Preferencia para motores de busqueda, Editan la descripcion, esa si quieren puede ser diferente (se los recomiendo) sera la que aparece en la parte de abajo de los resultados en Google, cuando ya la hayan editado y puesto su descripcion, se van abajo y donde dice archivo robots.txt personalizado, le dan editar, y marcan la ocpion si, en el campo de texto pegan estos parametros:
User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search/
Allow: /
Sitemap: LoJuegas
User media partners Google es para que el robot de Google AdSense pueden detectar mas rapido el contenido de su blog, User agent, al tener el * señala que es para todos los motores de busqueda, el disallow: /search/ es para que los motores de busqueda no indexen el contenido de las paginas de busqueda y etiquetas, y el sitemap para que los motores de Google indexen mas rapido el contenido.
Ahora se van a donde dice Etiquetas de encabezado de robots personalizadas y seleccionan editar, y marcan la casilla si, y lo todo lo configuran de la siguiente manera, no mle explicare, es obvia cada una de sus funciones, ahi lo dice:
En configuracion ya esta todo, ahora se van a Plantilla - Editar HTML, ahi solo tienen que estar arriba, no bajaran mas de b:skin
Lo primero es agregar al principio, antes de todos estas dos lineas, que indican que tipo de documento es, en este casi html, y la codificacion UTF-8:
Despues que ya hayan hecho eso, quitan <html> y lo cambian por esto:
No se exactamente cual es la funcion de eso, pero lo ultimo (xmlns
g="http://ogp.me/ns#") es para el open graph de facebook.
Ya copiada esa linea, quitan todas las metas que tengan y las cambian por estas:
Ahi, como ven al principio estan las metas para facebbok, para que al compartir el contenido, muestre la imagen del post, el titulo, el titulo del blog y una pequeña descripcion del post, esa es la funcion de todas las metaetiquetas, para configurarlo con su blog, lo unico que tienen que hacer es cambiar la linea que dice "LoJuegas" por el titulo de su blog, y "http://i.imgur.com/IG6xErN.png" por la url de su blog, en donde estan las x poner el id de su aplicacion de facebook, y su id de usuario, esas dos metaetiquetas son para poder recibir notificaciones cuando ustedes tienen la caja de comentarios de facebook, asi que ahi eso es todo.
Listo, ya esta todo en las metaetiquetas para facebook, ahora toca congigurar las metaetiquetas generales, lo primero es cambiar el contenido de la metaetiqueta title por el nombre de su blog, keywords por las palabras clave de su blog, author, pueden poner su nombre, yo les recomiendo que si tienen una pagina de Google con el blog, por ejemplo en mi caso, agreguen ese nombre para que cuando Google considere una buena pagina, aparezca la imagen del autor, y lo que sobra lo dejan como esta.
Listo, en las metaetiquetas es todo, ahora vamos con el titulo, si ya lo tienen optimizado, es opcional que cambien sus codigos por estos, pero yo lo recomiendo porque estas las optimice lo mas que pude, si solo tienen <title><data:blog.title></title>, si eliminen esa line y reemplazenla por estas:
Ahi solo cambial la descripcion que es di mi blog por la de ustedes en los dos lugares donde aparece (Juegos gratis online y por categorias aqui los encontraras.) y listo, eso es todo en la cabecera.
Es importante que para que aparezca la descripcion de la entrada en facebbok o en los resultados de Google, agreguen una descricion cuando esten redactando una entrada, eso lo ponen en la parte dercha, ahi aparece "Descripcion de busqueda", ponen lo mas importante de la entrada.
Ya esta todo, ahora solo abran alguna entrada que ya hayan agregado la descripcion, y presionen CTRL + U (windows) para ver el codigo de fuente de la pagina, y asi se den cuenta cual seria el resultado.
Hola amigos de forobeta, este sera mi primer tutorial para blogger, es para el SEO, principalmente seran metaetiquetas, pero tambien les dejare los codigos para la optimizacion de los titulos en los buscadores y en las redes sociales, asi que empezemos.
Primero se van a lo su Blogger - Configuracion- Basico, ahi veran varios campos de texto, para el SEO el que nos interesa es descripcion, asi que lo modificamos, ponen la descripcion que quieran, esa descripcion sera la que estara enseguida del titulo de su blog.
Ya hecho eso, ahora se van a Preferencia para motores de busqueda, Editan la descripcion, esa si quieren puede ser diferente (se los recomiendo) sera la que aparece en la parte de abajo de los resultados en Google, cuando ya la hayan editado y puesto su descripcion, se van abajo y donde dice archivo robots.txt personalizado, le dan editar, y marcan la ocpion si, en el campo de texto pegan estos parametros:
User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search/
Allow: /
Sitemap: LoJuegas
User media partners Google es para que el robot de Google AdSense pueden detectar mas rapido el contenido de su blog, User agent, al tener el * señala que es para todos los motores de busqueda, el disallow: /search/ es para que los motores de busqueda no indexen el contenido de las paginas de busqueda y etiquetas, y el sitemap para que los motores de Google indexen mas rapido el contenido.
Ahora se van a donde dice Etiquetas de encabezado de robots personalizadas y seleccionan editar, y marcan la casilla si, y lo todo lo configuran de la siguiente manera, no mle explicare, es obvia cada una de sus funciones, ahi lo dice:
En configuracion ya esta todo, ahora se van a Plantilla - Editar HTML, ahi solo tienen que estar arriba, no bajaran mas de b:skin
Lo primero es agregar al principio, antes de todos estas dos lineas, que indican que tipo de documento es, en este casi html, y la codificacion UTF-8:
HTML:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>Despues que ya hayan hecho eso, quitan <html> y lo cambian por esto:
HTML:
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:og='http://ogp.me/ns#'>No se exactamente cual es la funcion de eso, pero lo ultimo (xmlns
g="http://ogp.me/ns#") es para el open graph de facebook.Ya copiada esa linea, quitan todas las metas que tengan y las cambian por estas:
HTML:
<!-- Inicio Metas para Facebook -->
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<meta expr:content='data:blog.pageName + data:blog.name' property='og:title'/>
<meta content='article' property='og:type'/>
<b:else/>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta content='blog' property='og:type'/>
</b:if>
<b:else/>
<meta expr:content='data:blog.pageName + " - " + "LoJuegas"' property='og:title'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='http://i.imgur.com/IG6xErN.png' property='og:image'/>
</b:if>
<b:if cond='data:blog.pagetype == "item"'>
<meta expr:content='data:post.metaDescription' name='og:description'/><b:else/></b:if>
<meta content='xxxxxxxxxxxxxxx' property='fb:app_id'/>
<meta content='xxxxxxxxxxxxxxx' property='fb:admins'/>
<!-- Fin Metas para Facebook -->
<!-- Inicio metaetiquetas -->
<meta content='LoJuegas' name='Title'/>
<meta content='Juegos online, Juegos Gratis, Juegos por categorias' name='keywords'/>
<meta content='Juegos gratis online' name='Subject'/>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta content='LoJuegas' name='author'/>
<meta content='es' name='language'/>
<meta content='1 day' name='Revisit-After'/>
<meta content='all, index, follow' name='robots'/>
<meta content='all, index, follow' name='googlebot'/>
<meta content='all, index, follow' name='yahoo-slurp'/>
<meta content='all, index, follow' name='msnbot'/>
<meta content='all, index, follow' name='ia_archiver'/>
<meta content='all, index, follow' name='googlebot-image'/>
<meta content='general' name='rating'/>
<meta charset='utf-8'/>
<!-- Fin metaetiquetas -->Ahi, como ven al principio estan las metas para facebbok, para que al compartir el contenido, muestre la imagen del post, el titulo, el titulo del blog y una pequeña descripcion del post, esa es la funcion de todas las metaetiquetas, para configurarlo con su blog, lo unico que tienen que hacer es cambiar la linea que dice "LoJuegas" por el titulo de su blog, y "http://i.imgur.com/IG6xErN.png" por la url de su blog, en donde estan las x poner el id de su aplicacion de facebook, y su id de usuario, esas dos metaetiquetas son para poder recibir notificaciones cuando ustedes tienen la caja de comentarios de facebook, asi que ahi eso es todo.
Listo, ya esta todo en las metaetiquetas para facebook, ahora toca congigurar las metaetiquetas generales, lo primero es cambiar el contenido de la metaetiqueta title por el nombre de su blog, keywords por las palabras clave de su blog, author, pueden poner su nombre, yo les recomiendo que si tienen una pagina de Google con el blog, por ejemplo en mi caso, agreguen ese nombre para que cuando Google considere una buena pagina, aparezca la imagen del autor, y lo que sobra lo dejan como esta.
Listo, en las metaetiquetas es todo, ahora vamos con el titulo, si ya lo tienen optimizado, es opcional que cambien sus codigos por estos, pero yo lo recomiendo porque estas las optimice lo mas que pude, si solo tienen <title><data:blog.title></title>, si eliminen esa line y reemplazenla por estas:
HTML:
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<title><data:blog.title/> | Juegos gratis online y por categorias aqui los encontraras.</title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/> | Juegos gratis online y por categorias aqui los encontraras.</title>
</b:if>Ahi solo cambial la descripcion que es di mi blog por la de ustedes en los dos lugares donde aparece (Juegos gratis online y por categorias aqui los encontraras.) y listo, eso es todo en la cabecera.
Es importante que para que aparezca la descripcion de la entrada en facebbok o en los resultados de Google, agreguen una descricion cuando esten redactando una entrada, eso lo ponen en la parte dercha, ahi aparece "Descripcion de busqueda", ponen lo mas importante de la entrada.
Ya esta todo, ahora solo abran alguna entrada que ya hayan agregado la descripcion, y presionen CTRL + U (windows) para ver el codigo de fuente de la pagina, y asi se den cuenta cual seria el resultado.
Última edición:
