Otras opciones como robots.txt y re-direcciones son complicadas para cualquier usuario medio y conviene abstenerse de probarlas a menos que se sepa bien qué implican y cuál es el resultado final que, es muy probable, no se vea de modo inmediato.
La primera, la que habla de la etiqueta META description es la que ha entusiasmado a muchos ya que, por fin, nos da la posibilidad de crear descripciones lógicas ¿Qué significa esto? El contenido de esa etiqueta es la base de lo que leen los motores de búsqueda y las redes sociales cuando se comparte algo; se supone que en una página con contenidos diferentes como es un blog, cada entrada debería poseer una descripción diferente, un resumen de la entrada en cuestión. Eso, es algo que en Blogger era imposible y creaba avisos de advertencia en la Herramienta para Desarrolladores de Blogger, donde decía que esa etiqueta estaba repetida ... claro, todas las páginas de nuestro blog tenían la misma etiqueta que, con algún truco, podíamos resolver pero sólo parcialmente.
En realidad, esta nueva opción de Blogger tampoco resuelve el problema porque la opción de agregar un sumario personalizado en cada entrada es útil pero lo lógico sería que esa descripción fuera automática y esa opción fuera un elemento extra en caso de querer sobrescribirla o modificarla. No se entiende por qué no lo hacen de ese modo ya que los datos están allí en data:post.snippet y bastaba usarlos o permitir que nosotros los usáramos. Algo es algo, dirá alguien y puede ser que tenga razón pero sigo creyendo lo mismo, Blogger se empeña en buscar problemas a cada solución y hacer complicar las cosas simples.
Las complica porque muchos se preguntan ¿qué hago? ¿uso esta opción? ya tengo colocadas esas etiquetas META description ¿las saco? ¿Cuál sistema elijo?
En principio, el problema concreto es este: si decido usar el nuevo sistema debería: usar la nueva interfaz de Blogger porque es algo que sólo puede hacerse desde allí, eliminar la etiqueta META description que tenga en la plantilla y tomarme el trabajo de agregar ese sumario en cada post que publique; además, debería agregar en el head lo siguiente:
<meta expr:content='data:blog.metaDescription' name='description'/>
¿Y si una entrada carece de es etiqueta habrá problemas? Depende. No hay manera de saberlo y cada sitio es distinto. Podrá funcionar bien o verse resultados extraños en los buscadores.
¿Una solución intermedia?
Ya que data:blog.metaDescription es el dato que maneja Blogger y ese dato es un texto accesible, podríamos intentar condicionar todo para usar el nuevo sistema sin perturbar lo anterior. Podríamos armar algo así:
<b:if cond='data:blog.metaDescription'> <!-- si la entrada tiene una descripción con el nuevo sistema, la usamos --> <meta expr:content='data:blog.metaDescription' name='description'/> <b:else/> <!-- si no la tiene, dejamos las cosas tal como estaban antes --> ....... </b:if>
<b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription' name='description'/> <meta expr:content='data:blog.metaDescription' property='og:description'/> <b:else/> <b:if cond='data:blog.pageType == "item"'> <meta expr:content='data:blog.pageName + ". un texto descriptivo general"' property='description'/> <meta expr:content='data:blog.pageName + ". un texto descriptivo general"' property='og:description'/> <b:else/> <meta content='la descripción genérica del blog' name='description'/> <meta content='la descripción genérica del blog' property='og:description'/> </b:if> </b:if>
<b:if cond='data:blog.pageType == "item"'> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription' name='description'/> <meta expr:content='data:blog.metaDescription' property='og:description'/> <b:else/> <meta expr:content='data:blog.pageName + ". un texto descriptivo general"' property='description'/> <meta expr:content='data:blog.pageName + ". un texto descriptivo general"' property='og:description'/> </b:if> <b:else/> <meta content='la descripción genérica del blog' name='description'/> <meta content='la descripción genérica del blog' property='og:description'/> </b:if>
53 comentarios:
Esperaba la opinión de este blog sobre el tema ¡gracias!
hmmm ...
Good topic for discussion!
My own is still not implemented meta tag open graph in my blog :D
It is a little bit confusing in applying :P
Cheers
Por fin, algo más decente que una descripción basada en su nombre de página. A ver qué sale :P
Solución salomónica: los que tengan descripción bien y a los que no, se les sigue poniendo automáticamente. Me gusta :)
Hola Jmiur.
Ya te había hecho esta pregunta en un post hace un buen tiempo, pero como no llegue a solucionarlo, te lo hago de vuelta.
Cuando comparto un enlace de tu Blog en Google + o Facebook, aparece el titulo del post mas una breve descipcion de la publicación, pero cuando hago lo mismo en mi Blog, solo sale, el nombre de mi Blog y la descripción de el mismo no así de la entrada.
Ahora lo que hice fue borrar mi antigua meta decription y usar la de Blogger, además agregue la linea que tu recomnedaste pero no pasa nada.
Espero me puedas dar una mano,y ayudarme a colocar correctamente mis meta tag, mi blog es este DiosCaficho.Com
Ahh solo le agregue al el ultimo post se descripcion
En Blogger parece ser algo que está ocurriendo con todos los blogs y desconozco la razón; si, por ejemplo, pongo esta entrada en la herramienta de Facebbok me dice que todo está OK sin embargo si la pego en Facebook, sólo se ve lo mismo que ves tu: título y dirección.
Así que no creo que el problema sean las etiquetas META, debe haber algo más, en Blogger, en Facebook o en ambos.
Sobre Google+ no sabría decirte; para Facebook, lo mejor que encontré hasta ahora es este tipo de botón.
Está pasando algo extraño en tu blog JMiur, y es que me está generando un error 503, ya van dos veces que me pasa, por ello te lo comento:
http://2.bp.blogspot.com/-D58rnNvAU5E/T2-yVS2po2I/AAAAAAAAJWY/yJL0n7m2Txc/s1600/error+503+vagabundia.png
Sucedió al ingresar a tu blog...
El error 503 es un error del servidor así que nada puede hacerse al respecto porque depende de Blogger.
El error 503, esta apareciendo desde el día de ayer, en casi todos los Blogs de Bogger
Muy buena solución. Otro tema solucionado. Muchas gracias!
quiero derramar su experiencia, mirar robots.txt
User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /
Allow: /*.html$
Allow: /$
Sitemap: http://dominio/feeds/posts/default?orderby=updated
Veo que, por ejemplo, no deshabilita la indexación de páginas de tipo /search que son irelevantes pero, no sé qué es lo que quieres conseguir o cuál es la idea de esas reglas.
El ultimo codigo me funciona bien en facebook, le agrega la descripción, falta a ver en Google como sale, primero se esta demorando dias en indexar el contenido y ahora el error 503...
gracias por todo
Hola Sr. JMiur
desde hace mucho lo sigo con su blog y le digo que es muy informativo.
Pero hoy le voy a pedir una ayuda que no tiene nada que ver con este tema.
Intento hacer algo que no encuentro en ni un lado. Quiero agregar en un gadget de HTML donde quiero crear unas pestañas pero que los url de esas pestañas sean condicionadas (no se si sera la palabra correcta) a una entrada. Me dijieron que eso se hace con java.
Mas o menos esto quiero hacer:
-En el gadget de HTML tener las url asi: <a href="javascript:url(1)... <a href="javajavascript:url(2)... <a href="javascript:url(n)...
-Y dentro de la entrada este un script algo asi:
url(1)="http://www..." ... url(2)="http://www..."... url(n)="http://www..."
No se si es entendible mi ejemplo, pero espero que me entienda y espero su pronta respuesta.
Muchas gracias.
Entiendo parcialmente ¿Cuál es la condición? Lo que veo allí es que las urls de href serían tomadas de un array; en ese caso, pude usarse:
document.location.href="direccion_URL"
para abrir un enlace; algo así:
<script>
url=new Array;
url[0]="https://www.google.com/";
url[1]="http://www.xxxxxxxxxxx.html";
</script>
<a href="javascript:void(0);" onclick="document.location.href=url[0]"> enlace </a>
pero es algo genérico.
JMiur, como siempre, ¡es un excelente artículo!. Estuve incorporando el código a mi plantilla, sólo le agregué og:title og:type y og:image El código quedó de la siguiente manera:
<b:if cond='data:blog.pageType == "item"'><!-- en las entradas individuales -->
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta content='article' property='og:type'/>
<b:if cond='data:blog.metaDescription'><!-- si la entrada tiene una descripción, la usamos -->
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/><!-- si la entrada no tiene una descripción -->
<meta expr:content='data:blog.pageName + ". descripción genérica para la entrada"' property='description'/>
<meta expr:content='data:blog.pageName + ". descripción genérica para la entrada"' property='og:description'/>
</b:if>
<b:else/><!-- en cualquier otra página -->
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='blog' property='og:type'/>
<meta content='descripción genérica del blog' name='description'/>
<meta content='descripción genérica del blog' property='og:description'/>
<meta content='http://...Avatar.png' property='og:image'/>
</b:if>
Funcionó muy bien en Google+.-
Sin embargo, el tema de la nueva interfaz de Blogger, me generó cierta inquietud. Utilizo una plantilla normal "demasiado personalizada" (de formato previo a las que incorporaron el HTML5) y, si bien no se presentaron problemas para editar las entradas y agregarles la descripción de búsqueda, cuando quise editar la plantilla, Blogger me redirigía (sin terminar de cargar) al "Diseñador de plantillas". Si ya no fuera posible volver a utilizar la vieja interfaz (parecería ser que se impondría la nueva en Abril), ¿sería posible modificar "ligeramente" el código de las plantillas normales para que la nueva interfaz las tome? (hasta el momento, no me tomé el trabajo de estudiar HTML5, pero parece que no va a haber salida ... :) ).
¡Gracias y un abrazo!
Jorge
La estructura de las condiciones me parece correcta, no veo que haya errores en esa parte; es similar a la estructura que utilizo. Ahí no hay problemas o los problemas son mutuos :D
En cuanto a la nueva interfaz ... tiene demasiados problemas para mi gusto, problemas eventuales y problemas que parece que tardan en ser corregidos; puede ser que eso que te ocurre sea uno de esos problemas. Surgen de la nada.
Acá, no veo inconvenientes en este momento pero no creo que se trate de un tema de lenguajes ya que el HTML5 no es un lenguaje distinto. Lo que si es completamente distinto es la forma en que Blogger crea las plantillas de nuevo estilo y ahí, en lo personal, pongo mi límite porque para mi gusto, son absurdas e inmanejables :D
En resumen, creo que lo que te ocurre es un error del sistema en si mismo y por eso, yo probaría con otro navegador, borrar la caché o simplemente esperar porque no creo que sea un problema generado por el código de tu plantilla.
Luego de muchos intentos, pude ubicar qué era aquello que impedía utilizar la edición de la plantilla en la nueva interfaz ... :$ se trataba del script que evita que se utilice nuestro blog en un iframe. Vi la actualización de tu entrada, lo modifiqué y ya está funcionando correctamente. ^^ ¡Gracias, JMiur!! ¡Un gran abrazo! Jorge
Ese script ha sufrido modificaciones a lo largo del tiempo y supongo ue seguirá sufriendo más :-)
JMiur. Tal vez sea porque me he decidido a utilizar esta nueva herramienta SEO de Blogger. He notado que dos días después de haberlas utilizado algunas entradas que eran hits en las búsquedas de Google, dejaron de serlo y las visitas por palabras claves a estas entradas se vieron reducidas de, por ejemplo, 100 visitas diarias a sólo 5. Es algo decepcionante y no sé si ese sea el motivo, acabo de deshabilitar esa nueva opción a ver que pasa. Por esos días también hice un intercambio de enlaces con sitios de Pagerank alto, pero no creo que ese sea el motivo.
Gracias.
Nunca me he puesto a mirar esas cosas pero, si se trata de la etiqueta META description, dudo muchisimo que sea la responsable de eso. Para empezar, porque los cambios son mucho más lentos y fundamentalmente, porque es una etqueta correcta y normal.
Jorge, para optimizar las meta description en las plantillas antiguas cual de todos lo métodos que recomiendas es la que debo seguir ya que con este tema estoy más que perdido.
Gracias por tu ayuda
http://ritmosymelodiasecuador.blogspot.com/
Eso queda a tu criterio. No puedo recomendar nada, es algo que cada uno deberá verificar y ver los resultados a lo largo del tiempo.
Voy a leer bien todo lo concerniente y luego te consulto con respecto al tema específicamente.
Gracias Maestro, un abrazo.
Una pregunta humildemente no mas ... en mi pagina tengo el siguiente codigo en el head
(SI BIEN NO ME EQUIVOCO ESTE ES EL DE LAS METAS .. SI NO CORRIJAMEN PORFAVOR QUE NO SOY TAN ENTENDIDO CON ESTE TEMA)..
Mi pregunta es si activo la opcion de blogger y configuro los robots tengo que borrar el codigo? o modificarlo ?? o que tendria que hacer?
gracias .. muy bueno el blog y disculpen la molestia
El código no se ve. No puedes agregar HTML en un comentario. Tampoco está claro a que te refieres con "la opción de Blogger".
En principio, no hay motivo alguno para modificar el archivo robots.txt de Blogger.
ok .. la pregunta era que si configuro y activo las opciones meta y de robot en blogger, las qeu se encuentran en preferencias de busqueda es necesario que borre el codigo de metas de la plantilla o lo puedo dejar como esta??
gracias y disculpe la molestia
No, no es necesario. Son dos cosas distintas.
En la Configuración de Blogger, la opción Etiquetas meta Descripción debe habilitarse para luego, poder establecer descripciones individuales en cada entrada.
El resto de las opciones de esa ventana no es necesario modificarlas y si se quiere cambiar el Archivo robots.txt y personalizarlo, debe hacer con mucho cuidado. Tal como dije antes, no tiene sentido hacerlo ya que la indexación automática de Blogger funciona perfectamente.
Hola Jmuir, a veces me demoro en comprender algo, corrígeme si me equivoco.
1. habilitamos la opción Description en blogger
2. luego nos vamos a la plantilla y agregamos el código que nos das en esta entrada entrada
3. luego en el editor de blogger agregamos una descripción para cada entrada que publiquemos.
es así o me equivoco?
Tengo otra pregunta. buscando en mi plantilla de mibloginblogger.blogspot.com veo el siguiente código entre condicionales (aunque no puedo escribir el cogigo debido al el editor)
<meta expr: content=data:blog.metaDescription itemprop=description
Es el mismo que tu indicas? la unica diferencia que veo es la palabra "itemprop" pero no se que significa.
Gracias!!!
Si, es tal cual; una vez habilitada la opción genérica, puede usarse la opción en cada entrada.
Las etiquetas son las mismas. itemprop es un extra para ciertos microformatos.
Muchas gracias Jmiur, el único problema es que ese editor de blogger es pésimo...le descuadra a uno todo lo que escribe
Las opciones para colocar descripciones individuales se ven en la ventana del editor pero nada tienen que ver con el editor en si mismo así que no entiendo el problema al que aludes.
Hola JMiur veo que eres un experto en esto de Blogger, ya leí tu artículo pero aún no comprendo cómo agregar meta descriptions, tal vez la respuesta esté ahí pero no logro identificarla.
Verás estoy implementando mi primera página web, tengo el contenido de las entradas en Word y quisiera saber cuáles son los pasos para agregar estas metas, será la primera vez que lo hago y quisiera saber el procedimiento paso a paso... qué códigos necesito colocar para mi caso y dónde colocarlos.
Cuando se trata de codificación la paso muy difícil pues como soy principiante no sé mucho. Ojala me puedas ayudar.
Gracias anticipadas!
La META descripción general puede ser agregada desde la Configuración | Preferencias para motores de búsqueda.
La META descripción individual de cada entrada, puede agregarse en el editor de entradas, a la derecha Descripción de búsqueda.
En esos dos casos, no es necesario modificar o agregar código alguno.
Si usas Word, recuerda que no debes copiar y pegar directamente sino sólo el texto plano sin formato, caso contrario, se generará código indeseable y el resultado puede ser cualquier cosa.
Estás diciendo que no debo copiar y pegar de Word a blogger? eso he estado haciendo :S
Me podrías explicar cómo selecciono el texto plano en Word? qué otro programa me recomiendas?
Cómo hago para solucionar el código indeseable en los posts que ya hice?
Gracias anticipadamente por tus respuestas!
Si en lo que has hecho hasta ahora no ves errores, déjalo tal como está. Nunca conviene usar un procesador de textos para pegar directamente en una pagina web, ni Word ni ningún otro ya que, se pegan etiquetas excesivas y se corre el riesgo de que se copien etiquetas erróneas.
Texto plano es texto sin formato. Se copia y se pega, por ejemplo en el block de notas y de allí a Blogger para, de ese modo, no copiar etiquetas con lo cual, el uso de Word queda reducido así que no tiene mucho sentido. Formato significa colores alineación etc etc.
Si quieres usar un software que no sea el editor de Blogger o cualquier otro pensado para páginas webs, usa Windows Live Write que creo que incluso, puede ser integrado en Word.
Hola, JMiur, muy buen post, pero yo prefiero no tocar nada, porque no me llevo bien con los robots de ningún tipo. Excepto la dulce "Robotina" de la familia Supersónico, todos los demás me resultan problemáticos. ¡Jeje!
Saludos Vagabundios.
Saludos, Liliana :D
Hola JMiur te quería felicitar primero por este excelente articulo pero me he quedado demasiado confundido, resulta que tengo este problema que no logro encontrarle una solucion factible no se si con tu experiencia me podrías sacar de esta duda:
Problema:Uso la siguiente herramienta http://www.seomofo.com/snippet-optimizer.html para agregar una descripción 156 caracteres a mis entradas para que se vean bien en los buscadores, cabe destacar que no uso la "descripción de búsqueda" que nos brinda blogger simplemente agrego estos 156 caracteres en la entrada y una imagen y la publico. AQUI! es donde empieza el problema Cuando me indexan las entradas salen de este modo:
Titulo de la entrada | Nombre del blog ----> Perfecto así es como quería que estuviese OK
Nombre de la entrada: Nombre del blog ----> Error no me sale la descripción de los 156 caracteres!.
Http://url.com.com/ ----> Perfecto así es como quería que estuviese OK
No se si sepas a que se debe este problema que en vez de colocarme la descripción que le he colocado me coloca es el "Nombre de la entrada: Nombre del blog" estoy desesperado :(
Te dejo mi HEAD
http://pastebin.com/fEQxDmQu
HASTA AHÍ LLEGA EL HEAD PUEDE QUE EL ERROR ESTE AHÍ PERO NO LO ENCUENTRO AYÚDAME! TE LO AGRADECERÉ SIEMPRE
No entiendo tu idea. Agregar esa descripción en la entrada misma no implicará que se agregue a la descripción en la etiqueta META que es lo que debería ser necesario ya que, de no estar, el contenido que mostrará un buscador queda a su criterio, dependerá de la estructura del sitio y de si se detecta o no se detecta el texto.
Lo que debes hacer es dejar el head condicionado como ahora y habilitar la opción de Blogger. Luego, en cada post, pega esos 156 caracteres en el cuadro derecho que aparecerá al habilitarse y listo, de ese modo, ese texto es el que se agregará a la etiqueta META description que generará Blogger de modo automático.
Muchísimas Gracias por tu respuesta luego te cuento como me fue :) . Un dato curioso es que ahorita revise y algunas de las entradas que se han indexado si les sale la descripción y a otras no; no entiendo a Google :/
Ultima duda para no sacarte el mal genio :D
Estos 156 caracteres los puedo repetir tanto en la entrada como en la opción que nos brinda Blogger. Ocasiona algo malo como contenido duplicado o algo así.
Saludos JMiur :D
Justamente por eso se utiliza la etiqueta META description, si no existe, el resultado será aleatorio y dependerá de l oque el motor de búsqueda considere relevante o si anda de buen o mal humor.
La "Descripción de la búsqueda" que se ve a la derecha del editor de posts si está habilitada la opción, es el contenido a mostrar en esa etiqueta META description y por lo tanto, no es contenido duplicado, es un resumen del post, un resumen personal o lo que quieras colocar.
Se considera contenido duplicado cuando dos páginas o dos sitios con dos urls distintas contienen lo mismo. Repetir mil veces algo dentro de una misma página sólo es redundancia pero no está penalizado :-)
En el último codigo, en tercera linea tienes esto: meta expr:content='data:blog.metaDescription' name='description'/ Oloman dice q no se debe poner porq estariamos duplicando la etiqueta si es q ya hemos activado la descripcion automatica en el escritorio. Creo q ya está incluido en la parte: como lo explica Emilio Cobos.... entonces que es lo correcto: ponerla o no?
Yo hice la prueba de ponerla pero sin condicionarla y al ver el codigo fuente me sale duplicado, aun no he probado con tu codigo, primero queria hacerte la consulta... gracias!!
El error de descripciones duplicadas a las que se refiere la Herramienta para Desarrolladores de Google no se refiere a que hay dos etiquetas en la misma pagina sino que hay varias página que tienen etiquetas idénticas. Que la etiqueta esté duplicada en la misma página sólo será una inutilidad pero no habrá efecto práctico alguno.
a OK!! gracias!!
muchas gracias pro este gran blog,
te quería pedir un favor si podrás compartir todo el head de tu pagina desde el title hasta todas las etiquetas metas que utilizas con sus respectivas condiciones
te quedaria eternamente agradecido amigo :)
No son distintas a las publicadas en esta entrada y las entradas que habla de ese tema.
Siempre saldra la fecha del post en el resultado de busqueda en Google de una entrada o hay forma de que la fecha no aparezca??
Lo que muestra Google y cómo lo muestra, sólo depende de ellos. No puedes hacer nada al respecto.
Claro, pero tomando en cuenta q en la plantilla podemos manipular el codigo de "CASI" cualquier cosa, incluso podemos cambiar la fecha a los post o programarlos, hacer q aparesca o no, lo q no se como hacer es:
1. Que la URL no tenga la fecha
2. Que en el resultado de busqueda no comienze la descripcion del post con la fecha ya q si tu articulo aun esta vigente pero es de hace dos años, los usuarios preferiran uno "mas actualizado".
Esto se puede manipular desde el codigo fuente de alguna forma??... gracias!!
La url de las entradas de Blogger puede ser modificada cuando las creas o editas, en la derecha del editor hay una opción para establecer el permalink o enlace permanente de cada una de ellas.
En cuanto a la fecha, lo desconozco. No ´sé si es un dato enviado de modo automático o no.
Buenas no soy de escribir en blogs.... pero bueno solo quiero pedirte un consejo me doy cuenta que no terminamos de aprender nunca! yo modifico el html de mi plantilla para no tener errores de metas duplicadas por ende aparece la meta en la entrada principal y en las restantes entradas toma el titulo de la entrada como meta pero tengo un problema ya que en herramientas de google me dice que tengo x cantidad de metas cortas por ende decidí quitar esta linea del mi codigo htm
para eliminar las metas de las entrdas , para no tener mas el error de metas cortas tu crees que eliminado esto perjudicara a las entradas o todo lo contrario ya que lo que quiero lograr es que google no me marque el error de Metadescripciones cortas, saludos y gracias
Si no quieres que las Herramientas de Google te muestren el error, corrígelo, elimina la etiqueta o usa etiquetas más largas.
A mi, en lo personal me parecería más razonable ver si los resultados mejoran o empeoran sin tener en cuenta la opinión de herramientas automáticas.
Desde mi punto de vista, la etiqueta MTA description es esencial, sea larga o sea corta.
¿Quiere dejar un comentario?
recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...
Nota: sólo los miembros de este blog pueden publicar comentarios.
Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.
Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...