H1h2bloger Seo PDF

Tu a y u d a p a r a c r e a r y m e j o r a r t u b l o g c o n B l o g g e r
Tu t o r i a l e s , Tr u c o s , P l a n t i l l a s , P o s i c i o n a m i e n t o , R e d e s S o c i a l e s
I NICI O PRIME R O S PA S O S GADG E T S TRUC O S REDE S S O C I A L E S AYUDA
Blogger y SEO: Cómo optimizar los encabezados al

máximo (H1, H2, H3 y H4)
1 de noviembre de 2014 Tweet
Por Fran Herrera en SEO 407 comentarios
Si queremos estar en los primeros puestos de los

buscadores, una de las primeras cosas que debemos
hacer es crear contenido de calidad, esto es indiscutible.
Pero, tan solo será el primer paso de muchos. Un artículo

de mucha calidad, si no está bien estructurado, puede Busca, seguro que está... Buscar
pasar desapercibido para los buscadores.
El contenido es el rey en esto del SEO, por ello debemos SUSC R Í B E T E A NUESTRO BOLETÍN
mimarlo. Hay muchos plugins de Wordpress dedicados Recibe en tu correo todos los tutoriales de
exclusivamente a optimizar la estructura del contenido, Blogger Ayuda
pero ¿existe algún plugin SEO o algo parecido en

Dirección de correo electrónico... Envia
Blogger?
No será tan directo como un plugin, pero si que será igual de efectivo, incluso mucho más, ya que lo harás tu
GOOG L E +
mismo una sola vez y lo tendrás funcionando para siempre. Si aplicas lo que veremos en este artículo, tendrás
una plantilla de Blogger con los encabezados optimizados para SEO.
La importancia de los encabezados para el

posicionamiento (SEO on-page)
Justo por encima de este párrafo tenemos un encabezado, al usar una tipografía de letra mayor habrá llamado
tu atención, mucho más que las líneas que estás leyendo ahora. Piensa que un buscador, cuando rastree
nuestro blog, tendrá un comportamiento similar al tuyo. Blogger Ayuda
google.com/+Bloggerayuda
El orden y utilización de los encabezados no sólo sirve para organizar y estructurar nuestras entradas, sino
que además ayuda a los buscadores a identificar los elementos importantes de nuestro contenido.
Cuando los motores de búsqueda acceden a nuestra entrada, entienden que las palabras que están dentro de
un encabezado tienen mucha más importancia que el resto, le dará más peso a los encabezados de primer
TWITT E R
nivel (H1), luego a los de segundo (H2) y así sucesivamente.
Sigue a @BloggerAyudaCom
Por todo esto, es muy importante el uso de encabezados en nuestras entradas. Ahora bien ¿qué ocurre
cuando utilizamos el editor de entradas de Blogger?
FACE B O O K
LO MÁ S V I S TO ESTA SEMANA
Cómo poner Meta Tags en Blogg

para mejorar SEO
Seguimos con la optimización de
Blogger para SEO . Si has segu
esta serie de artículos ya tendrá
optimizado los encabezados y lo
tít...
Cómo Poner el Like Box de

Facebook en tu Blog
El Like Box de Facebook , es la
famosa caja con fotografías que
vemos en muchos blogs, tambié
conocida como Fan Box o Fan
Page . Media...
Figura 1: Selección del tipo de encabezado, desde la edición de una entrada en Blogger Blogger: Cómo Incluir Suscripció
por Email con FeedBurner al
Detalle
Cuando utilizamos la herramienta de edición de entradas de Blogger y seleccionamos "Encabezado", por Cuando tienes un blog, uno de l
elementos que no pueden faltar
ejemplo, en función de la plantilla que estemos usando se generará una etiqueta HTML de encabezado H2, la suscripción por email .
Debemos facilitar a los usuarios
H3, H4, etc. La mayoría de plantillas no están optimizadas para SEO en Blogger, sin embargo,
que pu...
comprobarás que hacer los cambios oportunos para que sea óptimo para los buscadores es muy sencillo.
Blogger: 3 formas de poner un
buscador en tu blog
Además de los encabezados del contenido de nuestras entradas, el resto de nuestro blog (cabecera, barra Si quieres añadir una caja de
búsqueda a tu blog en blogger ,
lateral, pie de página), también utiliza etiquetas de encabezado HTML definidas en la plantilla. terminar de leer este tutorial
habrás aprendido 3 formas de
hacerlo. Podr...
Lo que vamos a hacer a continuación, es optimizar todas las secciones de nuestra plantilla Blogger
Blogger y SEO: Cómo optimizar
donde aparecen las etiquetas de encabezado: H1, H2, H3, etc. Arremángate, pues vamos a toquetear un
los encabezados al máximo (H1
poco la plantilla. Antes, para abrir boca, fíjate en nuestro objetivo, una plantilla blogger con los encabezados H2, H3 y H4)
Si queremos estar en los primer
optimizados para SEO:
puestos de los buscadores, una
las primeras cosas que debemo
hacer es crear contenido de
calidad , e...
Figura 2: Plantilla con encabezados optimizados para SEO
Ésta es la estructura que tendría una plantilla de dos columnas optimizada para SEO. Entre paréntesis se
especifica el nivel de etiqueta de encabezado HTML que se utiliza para cada bloque. Con esta estructura
se realza el titular de la entrada (H1) y los subtitulares del contenido (H2 hasta H4). Se le quita relevancia
a los encabezados de los gadgets (h4).
Cómo optimizar los encabezados de las entradas para
SEO
Figura 3: Optimizar encabezados de entradas
De todos los encabezados de nuestro blog, los que se encuentran en el contenido de nuestras entradas son
los más importantes, tanto para el lector como para el posicionamiento en buscadores.
El título de la entrada es, sin lugar a dudas, el más importante, la estrella. Así que le reservamos la
etiqueta de mayor peso: H1. La mala noticia es que la gran mayoría de plantillas utilizan H3, incluso las de
por defecto de Blogger; la buena noticia es que es muy fácil cambiar nuestra plantilla para que use H1.
Tal y como se ve en la figura 1, desde el editor de entradas podemos seleccionar: "Encabezado",

"Subencabezado" y "Encabezado secundario". Haremos corresponder estos encabezados con las etiquetas
H2, H3 Y H4, respectivamente.
A Google le va a encantar éstos cambios, eso sí, cuando redactes una entrada debes ser ordenado y
estructurar el contenido utilizando los niveles de encabezado que hemos definido. No es necesario
utilizar todos los niveles, pero sí que es una buena costumbre utilizar dos como mínimo.
Estos son los pasos a realizar, para optimizar los encabezados de las entradas:
Recuerda, antes de hacer cualquier modificación, es recomendable realizar una copia de seguridad de tu
plantilla. En Blogger > Plantilla > "Crear/Restablecer copia de seguridad".
1. Nos vamos a la edición del código HTML de la plantilla

Plantilla > Editar HTML
2. Buscamos "post-title entry-title" (CTRL+F, "post-title entry-title") y encontraremos algo como ésto:
<h3 class='post-title entry-title' itemprop='name'>

<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
3. Sustituimos el código anterior por este otro, para darle mayor relevancia a los titulares de las entradas
<b:if cond='data:blog.pageType == "index"'>

<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
<b:else/>
<h1 class='post-title entry-title' itemprop='name'><data:post.title/>
</h1>
</b:if>
4. Vuelve al paso 2 hasta que no encuentres más secciones "post-title entry-title"
Normalmente las autores de plantillas utilizan la clase CSS "entry-title", que es la reservada precisamente para
el titular de la entrada. Otro tipo de "autores" no utilizan el estándar, por lo que tras aplicar los cambios
anteriores podrías ver un poco raro el titular de la entrada (si usas la plantilla simple de Blogger, estarás en
este caso).
Si tras los cambios no ves el título de la entrada correctamente, sigue estos pasos:
1. Busca
h3.post-title, .comments h4 {
y sustutúyelo por
h1.post-title, h2.post-title, .comments h4 {
2. Busca
.mobile h3.post-title {
y sustitúyelo por
.mobile h3.post-title, .mobile h2.post-title {
Optimizar los encabezados de la barra lateral (sidebar) y

pié de página (footer)
Figura 4: Optimizar encabezados de sidebar y footer
La mayoría de plantillas blogger utilizan la etiqueta H2 para definir el encabezado de los gadgets/widgets del
sidebar y el footer.
Puesto que estos titulares no suelen ser importantes para el posicionamiento de las entradas, los
sustituiremos por la etiqueta H4, esto hará ganar mucho más peso a los encabezados del contenido, por lo
que nuestras entradas estarán mejor optimizadas para el SEO.
Figura 5: Ejemplo de encabezados en un sidebar
1. Nos vamos a la edición del código HTML de la plantilla

2. Busca todas las apariciones de:
<h2><data:title/></h2>
y sustitúyelo por:
<h4><data:title/></h4>
3. Busca todas las apariciones de (puede que tu plantilla no tenga apariciones de este código, es normal):
<h2 class='title'><data:title/></h2>
y sustitúyelo por:
Si tras el cambio anterior, no se visualiza correctamente los estilos, busca en el código "h2 {" y sustitúyelo
por "h4 {", ahora se te verá como antes.
Cada vez que crees un nuevo gadget, desde el modo diseño de Blogger, se añadirá por defecto una
etiqueta <h2>, por lo que recuerda volver a hacer este proceso si quieres mantenerlo optimizarlo.
Optimizar los encabezados de la cabecera (header)
Figura 6: Optimizar encabezados del header
Este paso es opcional, puesto que hay plantillas que no muestran el título y descripción del blog en la
cabecera. Si accedes a "Blogger > Diseño" y editas el gadget de la cabecera, te aparecerá algo como ésto:
Figura 7: Configurar cabecera desde el modo diseño de Blogger
Tienes marcado "En lugar del título y la descripción"

Si tienes seleccionada la opción "En lugar del título y la descripción" (como aparece en la imagen) o "Colocar
la descripción después de la imagen", sigue estos pasos:
1. Edita la plantilla en modo HTML

2. Busca este fragmento en el código (puedes buscar la primera línea ""


<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height'
expr:id='data:widget.instanceId + "_headerimg"'
expr:src='data:sourceUrl' expr:width='data:width' style='display:
block'/>
</a>

<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
y sustitúye solo lo que está resaltado por esto otro:
<b:if cond='data:blog.pageType == "index"'><h1></b:if>

<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height'
expr:id='data:widget.instanceId + "_headerimg"'
expr:src='data:sourceUrl' expr:width='data:width' style='display:
block'/>
</a>
<b:if cond='data:blog.pageType == "index"'></h1></b:if>
De esta forma si se está en la página principal, por ejemplo, el logotipo tiene H1 y el título de las entradas H2.
Cuando estemos en una entrada, el logotipo no tendrá ningún tipo de encabezado y el título de la entrada H1.
Justo lo que buscábamos.
No tienes imagen de cabecera

Si no tienes imagen de cabecera sigue estos pasos:

2. Busca este fragmento en el código (puedes buscar la primera línea ""


<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
</div>
y sustitúyelo por este otro


<div class='titlewrapper'>
<h1 class='title'><b:include name='title'/></h1>
<b:else/>
<h2 class='title'><b:include name='title'/></h2>
</b:if>
</div>
</div>
Tienes seleccionada la opción "Detrás del título y descripción"
Si tienes seleccionada la opción "Detrás del título y la descripción" sigue estos pasos:

2. Busca este fragmento en el código (puedes buscar la primera línea "div class='titlewrapper'"
<div class='titlewrapper' style='background: transparent'>

<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/> </h1>
</div>
y sustituye el código resaltado por este otro

<b:include name='title'/></h1>
<b:else/>
<b:include name='title'/></h2>
</b:if>
Con este nuevo código, el título del blog tendrá la etiqueta H2 al mostrar una entrada o página y etiqueta H1 si
se está en la página principal o en una categoría (índice).
Si observas que los estilos no se visualizan como antes, deberás modificar también los estilos CSS para
que se muestre correctamente la etiqueta H2 en la cabecera .
1. Localiza la línea ".Header h1 {" en el código y la sustituyes por ".Header h1, .Header h2 {"
2. Localiza la línea ".Header h1 a {" en el código CSS y sustitúyela por ".Header h1 a,
.Header h2 a {"
3. Ahora deberías visualizar el título del blog correctamente
Eliminar encabezados de las fechas en Blogger

La mayoría de las plantillas de Blogger tienen la costumbre de utilizar la etiqueta de nivel H2 para mostrar
las fechas, desde un punto de vista del posicionamiento y SEO ésto no es muy bueno, ya que estaremos
dando el mismo peso a la fecha de una entrada que a un subtitular, por ejemplo.
Pensaba crear una entrada específica para resolver este problema que me han comentado muchos, pero creo
que es mucho más práctico y claro incluirlo en este artículo, donde está todo lo que tenemos que hacer en
blogger para optimizar los encabezados o etiquetas H1, H2, H3 ,H4.
Bueno... ¿manos a la obra?
Localiza en tu plantilla TODAS las apariciones de:
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
y sustitúyelo por esto otro:
</b:if>
¡Listo! Hemos bajado el nivel de los encabezados de las fechas a H4, el mismo que tienen los encabezados de
lo gadgets. Es, sin duda, la mejor opción para optimizar el posicionamiento de nuestras entradas. ¿Sabes lo
mejor?... a partir de ahora no tendrás que hacer nada más, hasta que vuelvas a cambiar de plantilla.
Conclusiones
Hemos aprendido a optimizar los encabezados en Blogger para SEO, haciendo pequeñas modificaciones
en la plantilla.
Lo bueno de todo esto, es que una vez hechos los cambios, sólo tendremos que preocuparnos por añadir
contenido de calidad. Nuestra plantilla hará el resto, puesto que los encabezados los tenemos optimizados
para el posicionamiento en buscadores.
En el próximo artículo, te mostraré todas las posibilidades de optimización del título del blog (title). Daremos
otro paso más para tener una plantilla perfectamente optimizada para SEO en Blogger.
Desde aquí te invito a comentar cualquier cosa que ves, ya que son los comentarios los que han hecho que
esta entrada se vaya actualizando y ayudando a otros que se vean con los mismos problemas... es que tengo
los mejores lectores :-P.
Algunos de los blogs que han aplicado la optimización

Dr Lopez Heras 2.0 - David López Heras
Caminar en la Sierra de Francia - Alfred Ledingue
Viajar con Grace - Gracia Rodríguez
Caprichos de madera - Juan Millas
ViaexProsa - Eduardo Ramón
No dejes de intentar aplicar la optimización que te propongo, aunque no tengas muchos conocimientos. Es
normal que cambien los estilos del blog tras los cambios, sobre todo si usas una plantilla
personalizada. Aunque en el artículo explico como solucionar los problemas de estilos de la mayoría de
plantillas, no se cubren todas, ya que hay muchas combinaciones. Si te ves con algún problema no dudes
en comentar y lo solucionaremos.
Actualizado el 11.11.2014
Anuncios Google Optimizar Blogger Plugin SEO para Blogger Encabezados SEO
Que lo compartas es el mejor regalo que me puedes hacer
Tweet
Gracias :-)
407 comentarios :
concha 19 de mayo de 2014, 12:20

Me parece muy interesante, pero para mí está a un nivel elevado. De hecho estoy pensando en cerrar
mi blog porque no veo interés en seguirme ya que ni yo estoy contenta con lo que hago.Voy a
plantearme en que sección podría aportar algo.
Responder
Respuestas
Fran Hernández Herrera 19 de mayo de 2014, 15:29

Hola Concha!
Tienes razón, esta entrada requiere algo de más de conocimientos para aplicar todos los
cambios, pero.... al cuerno con estos cambios. Lo importante es que te guste lo que estés
haciendo, lo demás viene solo.
Lo explicado aquí es un paso para "mejorar" el posicionamiento, pero no tienes porqué

aplicarlo, de hecho la mayoría de blogs no lo aplican, otros contratan a especialistas en SEO,
...
No desistas, tus blogs son sobre educación, me encanta esa temática. Aquí me tienes para
ayudarte en lo que necesites
Muchas gracias por seguirme ;)
Responder
Miguel Angel Hernandez 19 de mayo de 2014, 15:54

No consigo encontrar el .post h3, y no megusta como queda el titulo
Responder
Respuestas

En muchas plantillas está también como "#post h3" (en vez del punto, la almohadilla), prueba
a buscarlo así y me cuentas!
Muchas gracias por pasarte!
Responder

Nada, no hay manera, he repasado los h3 y ninguno se parece a eso
Responder
Respuestas

Haz una copia de seguridad de tu plantilla y prueba lo siguiente:
En la sección donde está el CSS de tu plantilla, sustituye toda apareción de h3 por h1,
TODOS.
Javier Montero 13 de agosto de 2014, 16:02
Este comentario ha sido eliminado por el autor.
Responder

puede ser esta linea???
Responder

Perdon esta
Group description="Post Title" selector="h3.post-title, h4, h3.post-title a"

Responder
Respuestas

Perfecto, esa línea indica que lo que tienes que buscar es:
"h3.post-title" y lo sustituyes por "h1.post-title", todas las veces que aparezca.
Ya casi lo tienes :)
Responder

pff no s eexactamente lo que es el CSS, luego me bajo aqui, gracias
Responder

¡Conseguido! Gracias, vamos ahora con la última parte
Responder
Respuestas

Genial Miguel!
Ya verás que terminas con la plantilla con los encabezados optimizados para SEO, por cierto,
muy interesante tu blog. Felicidades por esa entrada sesquicentenaria!! :-)

Gracias por la paciencia y por los elogios, te acabo de mandar otra duda
Responder

Estoy intentando la ultima parte, optimizar el header, y buscando el codigo me encuentro que no es
exactamente igual, me aprece esto en las lineas 2 y 3
" div class='titlewrapper' style='background: transparent'"

"h1 class='title' style='background: transparent; border-width: 0px'"
¿conservo el style...... cuando copie el otro codigo???

Responder
Respuestas

Sí, haz el cambio conservando los estilos, te quedaría más o menos de esta forma:
</h1>
<b:else/>
</h2>
</b:if>
</div>
</div>

Creo que ya lo he conseguido, muchas gracias
Responder
Anónimo 19 de mayo de 2014, 17:44

Muchas gracias Fran. Todos los consejos que hagan mejorar posicionamiento y destacar en las
búsquedas es bien recibido.
Muy útil tu post.
Responder
Respuestas

Gracias anónimo por tus palabras, genial que te haya sido de utilidad :)
Responder
Daniel Lasarte 30 de mayo de 2014, 3:16

Hola Fran, felicidades por crear este fnatástico contenido. En el apartado "Cómo optimizar los
encabezados de las entradas para SEO", estuve buscando H3 para cambiarlo por H1 pero en mi
plantilla solo encuentro H2 Y H1, ¿es que no lo tengo de mano y no hace falta cambiar nada?
Responder
Respuestas
Fran Herrera 30 de mayo de 2014, 3:27

Hola Daniel!
Si el blog que estás modificando es theandroidworld.es tienes los títulos ahora mismo con h3.
En el código de la plantilla busca "post-title entry-title" y verás el h3 (Si este no es el blog
pásame la dirección del que quieres cambiar).
Un ejemplo de lo que te está devolviendo tu plantilla en ese blog:

Spotify ha sido hackeada
</h3>
Muchas gracias por tus palabras Daniel, espero que puedas optimizar correctamente :)
Responder
Estudiante T.O. 13 de junio de 2014, 20:04
Hola, muy buen post. Hacía tiempo que buscaba algo así para cambiar los Heads que vienen con
blogger. He conseguido prácticamente todo, menos una cosa, no me funciona el condicional, es decir
me aparecen tanto el título del blog como el título del artículo en H1, ¿qué puede ser lo que falle? Me
refiero al blog de mi perfil.
Saludos.
Responder
Respuestas
Fran Herrera 13 de junio de 2014, 22:14

Hola Estudiante T.O!
Muy buen trabajo, has aplicado incluso el h4 en los sidebar :)
Echándole un vistazo a tu blog, tu tienes una opción especial que es dejar la imagen de
cabecera de fondo y el título al frente, haz lo siguiente:
Cuando buscas ", justo encima hay un un bloque else, ese es el
tuyo.
tendrás algo parecido a esto (lo pongo todo para que te sea fácil buscarlo):
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: "

+ data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height +
"_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
</h1>
</div>
</div>
Ahí está nuestro:

</h1>
Sustituye lo anterior por esto otro (ponemos la condición aquí):

<h1 class='title' style='background: transparent; border-width: 0px'><b:include name='title'/>
</h1>
<b:else/>
<h2 class='title' style='background: transparent; border-width: 0px'><b:include name='title'/>
</h2>
</b:if>
Muchas gracias por comentarlo, lo añadiré al post para los que se vean en una situación
como la tuya. Si lo logras solucionar con lo que te explico aquí coméntamelo ;)
Estudiante T.O. 14 de junio de 2014, 17:34

Ya casi está, incluso me ha cambiado el estilo del título dentro del artículo a como se ve
fuera, pero casi que lo voy a dejar porque me gusta ese cambio.
Solo me faltaría una cosa cosa más, el condicional para que cuando estamos fuera de los
artículos sea h1 (titulo del blog) y h2(titulo art.). Seguramente sea añadir un condicional más,
y quizás una chorrada, pero he probado un par de cosas y no sale, no tengo mucha idea.
Si me puedes ayudar con esto gracias, y si no gracias igualmente por lo anterior y por el
artículo que me ha ayudado a solventar el tema de los Heads :)
Fran Herrera 14 de junio de 2014, 20:20
Revisa otra vez el apartado "Cómo optimizar los encabezados de las entradas para SEO", ahí
he puesto la condición para tener en cuenta las páginas índice, copia este nuevo código y
tendrás resuelto lo que comentas.
Al cambiar el nivel de cabeceras puede que pierdas el aspecto que tenía antes de algunas
cabeceras, normalmente la solución pasa por modificar algún detalle de la hoja de estilos
para que tome el aspecto anterior (depende de cada plantilla), coméntame si quieres
recuperar el aspecto de algo, normalmente son cambios muy sencillos.
Recuerda también que cuando vuelves a añadir widgets desde el editor de Blogger (nuevo
HTML, entradas más vistas, etc), el te vuelve a poner automáticamente H2 y si se quiere
optimizar (sí es un poco coñazo) habría que volver a aplicar el paso de la optimización del
sidebar que explico en el artículo.
Se que es un poco tedioso mucho de los cambios, pero las ventajas son enormes!, además
haces el cambio una vez y luego te olvidas (salvo lo del sidebar, pero esto no se suele
cambiar todos los días).
Muchas Gracias a ti por tus comentarios, seguro has ayudado a mucha mas gente con
plantilla similar a la tuya.
Responder
Como bajar de peso rápido. 5 de agosto de 2014, 19:29

Genial esto! me resulto casi todo, exepto que yo tenia aplicado un CSS en el titulo de " Entradas
populares" al costado e hice el cambio de "h2 {" por "h4 {" y aun asi no se arreglo el estilo que tenia...
que podria ser? De todas formas genial estos metodos un saludo.
Puedes ver mi blog aqui
http://como-bajar-de-peso-rapido-web.blogspot.com/ Un saludo!!
Responder
Respuestas
Fran Herrera 8 de agosto de 2014, 7:46

Hola!
Lo tienes genial, has pillado todo a la primera :)
Sobre lo que te pasa con el h4 debe ser por tu plantilla, si sabes un poco de CSS es muy fácil
cambiarlo. Localiza en el código de la plantilla donde están definidos los estilos para h4 y
modifícalos a tu gusto. Lo que suele pasar es que la fuente se queda más pequeña, debido a
que h4 de base usa menor tipografía que h2, aumenta el tamaño de la fuente, cambia
colores, etc. De todas maneras se ve bastante bien tu blog.
Mucha suerte con tu proyecto!
Responder

Responder
Respuestas

Hola Javier,
Dime la dirección de tu blog para poder echarle un ojo. Supongo que has hecho las
modificaciones CSS que propongo en el artículo. Este tipo de problemas es muy sencillo de
resolver, ya que es cambiar estilos, pero cada plantilla trabaja de forma distinta.
Enhorabuena por hacer todos los cambios y dejarlos funcionando!! Si me pasas la dirección
de tu blog y me dices el aspecto que quieres para el titular de tus entradas te podré decir el
cambio que necesitas hacer.



Lo has hecho perfecto Javier, espero que comiences a ver pronto resultados. enhorabuena!
:-)
Responder
Cau Charmant 3 de septiembre de 2014, 9:24

He llegado hasta aqui gracias al google, voy a navegar y a beneficiarme de tu ayuda. Gracias por todo!
Responder
Respuestas
Fran Herrera 25 de septiembre de 2014, 23:05

Hola Cau!
Gracias a tí y a Google por traerte hasta aquí :-)
Responder
Anónimo 3 de septiembre de 2014, 9:45

en primer lugar enhorabuena fran por tu FANTÁSTICO blog, es increíble lo fácil que lo haces todo,
bueno todo menos este artículo para mi nivel....(culpa mía el que no me salga seguro, jeje) no consigo
encontrar ninguno de los códigos que das para cambiar encabezados("post-title entry-title", "h3.post-
title", etc..) es una plantilla simple de blogger, muchas gracias por compartir tanto y tan buen
conocimiento sobre la materia
Responder
Respuestas

Hola Anónimo!
Muchas plantillas utilizan otros nombre de estilos CSS, no te preocupes si no lo encuentras.

Te animo a que intentes aplicar todo lo que vayas viendo y si tienes alguna duda intentaré
hacer todo lo que esté en mi mano.
Gracia a ti :-)
Responder
FRANCISCO MIGUELES PÉREZ 4 de septiembre de 2014, 7:54

Hola Fran, he optimizado en mi blog los encabezados de las entradas para SEO sustituyendo los
códigos que propones. Aunque soy un poco novato en este asunto, parece que no ha dado ningún
error y los títulos siguen apareciendo igual, aunque tras realizar un análisis SEO gratuito previo y
posterior al cambio, no advierto variación (siguen apareciendo cero etiquetas h1), aunque si ha
cambiado el número de etiquetas h2 y h4. Me pregunto si este cambio comenzará a aplicarse con los
nuevos titulares de los post o sencillamente no habré hecho algo bien
Responder
Respuestas
david lopez heras 24 de septiembre de 2014, 22:52

Es cierto, a mi me ha pasado igual, todas los títulos de las entradas han pasado a H2, y los
widgets de la barra lateral a H4, pero todavía me apacen las fechas de las entradas como H2
también y nada en H1.

Hola Francisco y David!
Genial que aparezcan las h2 y h4, esa era la parte más difícil :-)
Con respecto a los h1 si vuestros blogs ofrecen imágenes como encabezado de homepage
(muchas plantillas lo tienen así por defecto), no tendrías un h1 en la página principa., sin
embargo sí que debería aparecer en las demás entradas el H1 correspondiente. Prueba
poner la url de alguna entrada en esa herramienta y verás como le va a gustar :-)
Por cierto, cuando tienen como encabezado del blog una imagen si se podría poner un H1 en
esa imagen... pero realmente no va a suponer mucha diferencia, aún así si les interesa
preparamos un pequeño artículo para hacerlo.
Un saludo a ambos!
david lopez heras 29 de septiembre de 2014, 21:35

Tenías toda la razón Fran, al meter la dirección de una entrada ha salido H1 y h2. Todo
correcto. Gracias de nuevo!
Responder
Alberto Fdez Reyes 19 de septiembre de 2014, 19:09

Las plantillas tienen también una sección donde personalizan el diseño para adaptarlo a móviles. Por
tanto, los cambios que se mencionan en el post vería conveniente de establecerlos también en la
sección para móviles.
Espero que os sea util a los demás, y gracias Fran Herrara por estos consejos. Muy utiles todos ellos
para una plataforma como blogger, que carece de control para optimizaciones SEO o plugins.
Responder
Respuestas

Hola Alberto!
Muy buen apunte que comparto. Muchas gracias a ti!
Responder
Dr.David Lopez Heras 24 de septiembre de 2014, 13:54

Me ha parecido una entrada sencillísima y super útil. Después de 1 año no tenia ni una titulo de entrada
en H1 ni H2, todas eran H3 y en cambio los gadgets y las fechas me ocupaban los H2!! menos mal.
Una pregunta, si tenemos en vez de el título y la descripción una foto "en lugar de", quiere decir que
nuestro título y descripción no lo reconocen los buscadores, o por defecto al tener la foto ya el título y
descripción quedan visibles de forma automática? Vamos que si es mejor que la imagen no sustituya al
titulo y descripción o da igual?
Muchas gracias de nuevo!!

Responder
Respuestas

Perdçon, hechos los cambios, los titulos de las entradas ahora si son H2, pero en el analisis
me sigue apareciendo H1 vacío (tengo oto de portada en vez de el titulo y el texto) y las
fechas siguen en H2, debería de cambiarlas a H3 o H4? Perdona las molestias y gracias.
Un saludo
www.drlopezheras.com

Hola David!
Espero poder resolver tus dudas:
1. Si utilizas como título del blog una imagen (sustituyéndo al título) no tendrás un H1 en la
página principal del blog, pero sí lo deberías tener en cualquier entrada del blog, que es lo
que realmente nos importa. Sería posible forzar a poner un h1 a la imagen, pero no es
necesario. Lo tienes perfecto.
2. Las fechas no las he tratado en este artículo y creo que sería interesante tratarlas, por
defecto Blogger pone las fechas en h2 que es una etiqueta muy alta para una fecha. Yo le
quitaría la calidad de titular, es decir no lo pondría en una etiqueta "H", lo pasaría a "P" u otra
etiqueta... si te ves con problemas con esto coméntamelo.
Gracias David!
Dr.David López Heras 29 de septiembre de 2014, 21:33

Muchas gracias Fran por tu interés. Estoy muy pez en htlm y plantillas, no sé donde se ha de
cambiar el H a P para las fechas. Si crees que tampoco importa no te preocupes. Saludos!
Dr.David Lopez Heras 5 de octubre de 2014, 13:23

Si te acuerdas de comentarme como pasar las etiquetas de fecha de H a P? te he preguntado
tantas cosas que igual se te ha pasado. O estás escribiendo una entrada? en ese caso me
espero, no tengo prisa. Saludos!
Fran Herrera 5 de octubre de 2014, 15:54

Hola David,
Pues no había leído esta última pregunta. Otro usuario me preguntó lo mismo y lo resolvimos
de esta forma:

</b:if>

</b:if>
En vez de "P" hemos puesto una etiqueta de nivel "H4", de esta forma no se alterán mucho
los estilos de tu blog y le quitamos bastante peso a las fechas, pero no todo. Si quieres poner
P, basta por sustituir H4 por P en el ejemplo.
Saludos :-)
Responder
Una cosa, me sucede ahora que el titulo de la entrada fuera de la entrada tiene un tamaño normal.,
pero al entrar en ella el tamaño es demasiado grande. Cómo podria arreglar ahora esto? Veo que
aunque cambie el tamaño de la fuente en la personalizacion de la plantilla solo me afecta al titulo de la
entrada fuera pero no al de dentro. Me podrías echar una mano? si quieres mirarlo
http://www.drlopezheras.com
Saludos
Responder
Respuestas

Hola David!
Por supuesto! ¿nos arremangamos?
En la plantilla, en la parte donde tienes todos los estilos CSS, añade esto:
h1.post-title {
font-size: 1.5em;
color: red;
}
Es el estilo personalizado para tus etiqueta H1 de titulares, es decir, las que tienes ahora
mismo en las entradas. Le he puesto tamño 1,5 veces mayor al tamaño por defecto de la
fuente de tu blog (cambia el valor por el que quieras) y el color rojo para que aprecies si está
funcionando los cambios, pon el color que gustes o elimina esta línea si lo quieres dejar en el
color por defecto (negro)
Ya me cuentas!

Ha funcionado perfectamente!
De nuevo muchas gracias. La última cosa. En alguno de los cambios de estos días he debido
tocar algo y ahora me aparece encima de las páginas del blog un letrero que pone páginas
que antes no estaba. Sabes como puedo quitarlo?
Te prometo que es la última jajajaja
Saludos y gracias por tu paciencia

He entrado en tu blog y no se a que "letrero" te refieres... no logro verlo ¿me puedes indicar
mejor?
Pregunta cuanto quieras, un placer poder echar una mano ;)
Dr.David Lopez Heras 5 de octubre de 2014, 13:20

Muchas gracias Fran, ya lo he arreglado, era una chorrada, solo habia que quitar el titulo en
el widget paginas de la pagina de diseño. imagino que siempre habia estado y nunca me
habia fijado jajaja.
Admiro tu disposición a ayudarnos, sé la dedicación que necesita. Compartiendo entre todos

construimos cosas buenisimas en internet!!
Responder
alfred ledingue 2 de octubre de 2014, 15:25

Otra vez genial! tutorial muy claro y muy que muy interesante.
He aplicado todo. me funciona bien en unde mis 2 blogs pero en el otro http://sierra-de-
francia.blogspot.com.es/2014/09/el-camino-de-las-raices-la-alberca.html , tengo al final del articulo las
letras demasiado grande en comentarios (deja un comentario...) no sé que he hecho mal.. una idea?
Responder
Respuestas

Hola Alfred,
En la plantilla localiza este código:
.comments h4 {
font: normal normal 30px Georgia, Utopia, 'Palatino Linotype', Palatino, serif;
margin: 1em 0 0;
}
sustituye 30px por algo más pequeño... 20px por ejemplo, ve probando hasta encontrar el
tamaño que más te guste.
Responder
Gracia Rodriguez 4 de octubre de 2014, 16:15

Muchísimas gracias por el tutorial!!! Tenía muchas ganas de intentar solucionar el tema de las h1 y h2,
y creo que lo he conseguido pero como soy novata hay cosillas que no entiendo, a ver si me echas una
mano ;-) Mira las h4 creo que no hay problema con ellas, pero las h1 y h2 no sé si están del todo bien.
Te explico mi duda, porque pasando Screaming Frog, por fin vi las h1 que eran el título de la entrada,
pero como h2 me salen las fechas y eso no sé si debería ser así.El tema de la cabecera no lo toque ya
que yo tengo una imagen, y habia seleccionado la opción "en lugar del título y la descripción", eso está
bien,no? El problema es que si pruebo con otras webs que analizan la pagina me dicen que no hay h1
y como h2 me sale el título de la entrada y la fecha, así que no entiendo nada.
Ah! En el estilo de la plantilla he tenido un problema con la fecha que no he podido solucionar. Se ha
cambiado el tipo de letra y tamaño, debería de ser como la que parece en el sidebar
(www.viajarcongrace.com) ¿Se puede corregir?
Muchas gracias de antemano.
Un saludo,
Gracia
Responder
Respuestas

Hola Gracia!
Encantado de tenerte por aquí y de que te haya resultado útil el tutorial.
- Comentas que tienes como h1 los títulos de las entradas, eso es perfecto, al no tener título
de blog en modo texto no tienes h1 en la página principal. Aunque no pasa nada por esto, es
mejor tener todos los niveles, como ya me lo han preguntado prometo contemplar este caso
también, para que les aparezca el h1, de esta forma este tipo de herramientas online lo
validarán.
- El caso de las plantillas que ponen h2 en la fecha no lo he tratado en este tutorial, algunas
plantillas lo usan y otras no. Lo ideal es no ponerle ningún nivel ¿lo hacemos?

</b:if>

</b:if>
Resuelto, lo de los estilos lo tendrás como antes, ya que hemos bajado el peso de la fecha de
un h2 a un h4, que es lo mismo que usamos en el sidebar.
Gracias a tí :-)
Gracia Rodriguez 4 de octubre de 2014, 18:13

Solucionado! Muchísimas gracias!!!
Responder
JR PG 5 de octubre de 2014, 1:05

Hola Fran, excelente artículo. Pero tengo un problema, al momento de comenzar a modificar los
encabezados realizo la búsqueda mediante Ctrl+F de "post-title entry-title" pero no me arroja ningún
resultado. ¿Qué puede estar ocurriendo? Estoy usando una plantilla Sencilla de Blogger. Gracias.
Responder
Respuestas

Hola JR,
Si accedo a tu blog veo que sí que está en el código que te genera blogger:
Te debería aparecer, te comento algunas posibilidades de lo que te puede estar ocurriendo,

aunque sean básicas:
- Entra en el código de tu plantilla y ESPERA que cargue completamente
- Pulsa CTRL+F una vez estés SOBRE el código, que te aparezca al buscador de blogger y
no el del navegador
- Busca "post-title entry-title", sin las comillas evidentemente
- Te debe aparecer alguna línea de código que contenga esas palabras
Si una vez hecho esto no te aparece coméntamelo

Totalmente agradecido Fran, tanto por la rapidez en responder como por lo oportuno de la
misma. Te comento que el problema es que se habilitaba el buscador del navegador y no el
de blogger. Ya lo tengo. Cualquier duda te seguiré molestando, jaja.

No es ninguna molestia, mucha suerte con tu blog :-)

Muchas gracias Fran, en especial por tus sinceros deseos. Saber que hay personas
dispuestas a ayudar a los que nos iniciamos en esto es un gran impulso. Ya estoy
implementando muchas de tus recomendaciones y probando otras. Quiero aprovechar
también para preguntarte si tienes un artículo acá mismo o me recomiendas algo para incluir
un menú desplegable en el blog?

No tengo ninguna entrada al respecto, pero te invito a pasarte por oloblogger.com, es un blog
tan fantástico como su creador, en el que encontrarás muchos ejemplos de menú.
Podría recomendarte muchos otros blogs, sobre todo en inglés si te defiendes con el idioma,
aunque estoy convencido de google siempre te devolverá lo que buscas.
Responder
Juan Millas 18 de octubre de 2014, 21:02
Hola Fran,
lo primero es darte las gracias por explicarte como lo haces, se me hace fácil entenderte, y lo segundo
por si me sacas una duda:
he optimizado todo y todo correcto pero me falta una cosa, optimizar los encabezados de la cabecera
(header), ahora no tengo imagen pero la intención es ponerla mas adelante.
Mi pregunta es: si optimizo sin imagen, cuando la ponga, deberé deshacer los cambios?.
Muchas gracias y un saludo.

Responder
Respuestas

Hola Juan,
Muchas gracias por tus palabras, de verdad que dan mucho ánimos para redactar nuevos
artículos.
Con respecto a tu duda, puedes aplicar esos cambios sin problema. Al colocar en un futuro la
imagen, la plantilla entrará por otro lado, es más, podrías aplicar todos los casos que ninguno
choca entre sí.
Gracias a ti por seguirme, un saludo :-)
Responder
Ana Claudia 24 de octubre de 2014, 19:02

Hola! Gracias por el contenido que brindas en tus artículos, son completos y fáciles de entender. Yo no
soy del rubro TICs, pero sí una exploradora en ello. Es como que me autogestiono mi blog, que le
contraté un dominio que ya tenía anteriormente. Lo tenía por wordpress. Cuando tu haces referencia a
ir a Blogger y Editar HTML, no se dónde encuentro eso. Y donde sugieres ir a Plantilla... tampoco se
donde queda eso. Me puedes ayudar?
Gracias!
Saludos desde Uruguay
Responder
Respuestas

Hola Ana! y a todo Uruguay :-)
En mis artículo me centro en la plataforma Blogger de Google, veo que el blog de tu enlace
está en Wordpress... ¿te refieres a otro blog? Si me pasas la dirección lo vemos y te explico
sobre él...
Muchas gracias a ti por tus palabras :-)
Responder
Buenos Aires 30 de octubre de 2014, 19:23

Excelente como lo explicas. Lo voy a utilizar en uno de mis blogs donde tengo un theme de blogerr, a
ver si con el tiempo hay diferencia de visitas. Saludos y muchas gracias
Responder
Respuestas
Fran Herrera 1 de noviembre de 2014, 12:21

Gracias Buenos Aires! Mucha suerte con tu proyecto ;-)
Responder
Jose Martinez 1 de noviembre de 2014, 6:16

Hola... y que opinas sobre poner éstas etiquetas al contrario de tus consejos. Osea, muchos otros blogs
recomiendan que el título de la página debe ser h1 y el titulo de cada entrada h2..? Están equivocados
o puede funcionar así también un buen posicionamiento...?
Gracias.
Responder
Respuestas

Hola José,
La solución que comentas es mejor que la que deja por defecto Blogger, donde utiliza H1 y
H3 por defecto, pero no es mejor para el SEO que la solución que se propone en el artículo.
En el artículo hay dos casos, cuando se está en la página principal (homepage) se utiliza H1
para el título del blog y H2 para las distintas entradas y, por otro lado, cuando se está en una
entrada se utiliza H1 para para el título de la entrada (le damos toda la prioridad a su título) y
hacemos perder relevancia al título de la página... si lo hacemos al revés le damos más peso
al título del blog... lo cual en la mayoría de casos carece de sentido si lo que queremos es
posicionar las entradas y hacer SEO sobre el contenido.
Muy buena tu pregunta :-)
Responder
Portaleros 1 de noviembre de 2014, 6:32

Muchas gracias por el post! Ya lo realicé y espero que me pueda servir.
Saludos desde Uruguay.
Responder
Respuestas

Exceletne Portaleros! mucha suerte con tu blog :-)
Responder
Señorita Palomo 8 de noviembre de 2014, 13:16

increíble! lo he modificado todo y lo he ido midiendo con la web seo gratis. Empecé con 55 puntos y
tras estas modificaciones estoy en 60. Eres un crack
Un saludo!
lucía
p.d: los de google no me dijeron nada del error asique cambié la plantilla
Responder
Respuestas

Genial, aunque no me fío de la mayoría de herramientas online de este tipo... esa por ejemplo
cuenta el uso de los "keywords" cuando eso en el mundo SEO desapareció hace tiempo. Es
importante también testear las entradas sobre todo, son las que queremos posicionar ;)
Los mejor para ver losresultados es apuntar el día que has hecho los cambios y analizar unas
3 semanas después si has notado un incremente de tráfico de Google... estoy convencido de
que sí :)
Gracias a ti lucía, cualquier cosa por aquí me tienes ;)
PD: ¿se te solucionó el problema anterior cambiando la plantilla?

lo de las keywords ya sabía que google no las tenía en cuenta, pero bueno...para hacerme
una idea no esta mal.
Yo estoy también segura que notaré los resultados ;)
En cuanto al cambio de plantilla no solo se ha solucionado sino que ha conseguido que

cambie de look el blog (que me daba un montón de pereza) y tan majo que me ha quedado
(claro, majo para mi gusto ;) )
Muchas gracias Fran!
un saludo
Lucía

Te ha quedado espectacular, un diseño muy limpio, me gusta! ;)

gracias! :)
Responder
Eduardo Ramon 10 de noviembre de 2014, 16:23

Mejoras SEO aplicadas con éxito siguiendo los pasos detallados en este excelente artículo. No podía
hacer menos que agradecerte por el gran trabajo Fran!!
Responder
Respuestas

Hola Eduardo. Enhorabuena! Has dejado tu blog seo-optimizado en cuanto a cabeceras.
Gracias a ti por comentar :-)
Responder
Maximo Rojas 11 de noviembre de 2014, 1:58

hice el primer paso de todos y ahora el titulo de la entrada se cambia a color naranja, quiero cambiarlo
y ademas no encuentro h3.post-title, .comments h4 { lo mas cercano que encuentro es .
post h3 {
background: url("http://1.bp.blogspot.com/-996-
SFxRHSw/T9n5xseY7QI/AAAAAAAAEhk/VHnHFN1X8oE/s000/h3.png") no-repeat scroll center bottom
transparent;
color: #000000;
font-size: 170%;
font-weight: bold;
line-height: 1.4em;
margin: 0.25em 0 0;
padding: 0 0 21px;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
color: #0C5D18;
display: block;
font-weight: bold;
text-decoration: none;
}
.post h3 strong, .post h3 a:hover {
color: #333333;
}
no se que hacer en esa parte

Responder
Respuestas

Hola Maximo,
Es normal lo que te sucede con los estilos ya que depende de la plantilla que estés usando.
Para solucionar lo que comentas:
Sustituye la línea que me muestras "post h3 {" por "post h3, post h1 {"
Con esto los titulares de las entradas se te verán como antes
Si me dices la url de tu blog podemos ir solucionando el resto de problemas que te veas con
los estilos.
Ánimo, verás como logras cambiarlos!
Responder

disculpa, tengo muchos problemas cuando termino de hacer la guia, se mueve la cabecera de mi blog,
los titulos cambian a naranja, la fecha se pone muy grande y se marca de verde, me gustaria que
quedara todo igual y no se como, no se nada de html, espero me puedas ayudar gracias
Responder
Respuestas

Hola Maximo,
Por lo que veo usas una plantilla personalizada, pásame la dirección de tu blog y vamos
solucionando los problemas de estilos que vayas viendo.
Responder

muchas gracias Fran la URL de mi blog es esta http://comoquitarelmalalientoahora.blogspot.com/
Responder
Respuestas

Bien, pues vamos allá. Aplica todos los cambios que propongo en el artículo y luego haz lo
siguiente:
1. Para solucionar que los títulos se te vean bien, tal como te comentaba:
Sustituye:
.post h3 {
Por:
.post h3, .post h1 {
Sustituye:
.post h3 a, .post h3 a:visited, .post h3 strong {
Por:
.post h3 a, , post h1.a, .post h3 a:visited, .post h1 a:visited, .post h3 strong, .post h1 strong {
---
Sustituye:
.post h3 strong, .post h3 a:hover {
Por:
.post h3 strong, .post h1 strong, .post h3 a:hover, .post h1 a:hover {
2. Para que la fecha se te vea igual:

Sustituye:
h2.date-header {
por:
h4.date-header {
Aplica los cambios y si se te ve alguna otra cosa distinta ya me comentas, al final no es más
que ajustar los estilos, el problema es que tu plantilla es muy peculiar.
Suerte!
Responder
Anónimo 13 de noviembre de 2014, 15:32

¿Cómo es posible que en una entrada del 1 de Noviembre de 2.014 los comentarios empiecen el 19 de
Mayo de 2014?
Responder
Respuestas

Hola Anónimo,
Hice una actualización de contenido a la entrada, revisando lo que estaba y añadiendo dos
nuevas secciones, en vez de crear otra entrada preferí mejorar esta y actualizar la fecha,
puesto que realmente está al día.
En blogger no existe fecha de "modificación" solo de publicación, por lo que la única forma es
cambiar la fecha de la misma.
Espero haber resuelto tu duda, un saludo!
Responder

listo fran todo quedo muy bien, gracias por la ayuda, ya para finalizar me falta solo un problema, y es
que cuando cambio la parte de h2data:title//h2 del widget que tiene la parte de pagina principal,
opiniones, contactame etc... la que aparece encima del encabezado. Esta se baja y encima de eso dice
Pages, entonces intento cambiar todos los h2 { por h4 { pero sigue igual
Responder
Respuestas

Para solucionar ese problema sustituye "h2 {" por "h2, h4 {".
Veo que ya tienes h1 y h2 correctamente en la principal y en las entradas. Además las fechas
las tienes corregidas. Solo te falta ese detalle que comentas, ya me cuentas si te funciona lo
que te he puesto :-)
Responder
Luis 14 de noviembre de 2014, 6:12

Siempre usaba la plantilla por default de Blogger con buenos resultados, pero vamos a aplicar estos
cambios de las H1 H2 y eso y veremos si se puede tener mas relevancia con esto¡¡¡ gracias, muy bien
explicado. Guardado para próximas consultas
Responder
Luis 14 de noviembre de 2014, 6:18

Ooooo y otra cosa, para ver como ve google tu sitio con los de las H1, H2, H3 y ver si se han aplicado
bien los cambios de esta guia, puedes usar esta herramienta gratuita
http://www.programacionweb.net/utilidades/vista-robot.php, no es mía, ni quiero promocionarla, pero es
de gran utilidad¡¡¡ Por Default El texto que se ve mas grande en negrita es el H1, luego H2 los gadgets
y mas pequeño los títulos. Pero después de agregar los códigos se verán los cambios en ello. Años en
esto y sigo aprendiendo cosas.
Responder
Respuestas

Hola Luis! Muy interesante el enlace, muchas gracias por compartir!
Responder
Jose Gaona 16 de noviembre de 2014, 10:16

Hola Fran, muchas gracias y enhorabuena por este tutorial. Debería ser básico para todo bloguero, la
verdad. Eso sí, he aplicado los cambios que sugieres, pero tengo problemas con la visualización de un
par de cosillas, seguramente por cambios hechos anteriormente en la plantilla.
La primera: los encabezados de fecha de los posts, que ahora se me ve alineados a la izquierda, en
vez de justificados en el centro. ¿Sabes qué debo de cambiar para arreglarlo?
La segunda: Al cambiar el código para los gadgets, me ha modificado el tipo de letra de algunos, pero
no de todos los gadgets. Un poco extraño. Si pudieras meterte en mi blog, "datos personales", "autores
reseñados", "entradas populares" y "archivo" se me ve con tipografía y tamaño de letra distinto al de
gadgets como "Encuentra contenido en el blog", "valoraciones", etc. La idea es cambiar las primeras
para que se vean como las segundas.
Como ves, no es nada especialmente grave, pero como no tengo ni idea de html, ando un poco
perdido. Si pudiera echarme un cable, te lo agradecería mucho.
¡Un saludo!
Responder
Respuestas

Creo que no direcciona a mi blog mi comentario, es
"conclusioninatinente(punto)blogspot(punto)com"

Hola Jose, bienvenido :-)
1. Los encabezados de las fechas los veo justificados en el centro ¿ya lo corregiste?
2. Con respecto al título de los gadgets algunos los tienes aún con "H2". Revisa la parte del
artículo para cambiarlos todos, ojo porque cuando vuelves a añadir un gadget se vuelve a
poner como H2 y tu tendrás que corregirlo a H4. Si quieres que todos los títulos de los
gadgets se vean como se te ven ahora los H2, sustituye en tu plantilla "h2 {" por "h2, h4 {".
Enhorabuena por aplicar los cambios, está perfecto, salvo lo que te comento del h2 <-> h4.
Ahora es tocar un poco los estilos, si ves que algo no funciona por aquí esto :-)
Perfecto, ya lo arreglé, muchas gracias :D
1. Sí, lo conseguí hacer a última hora de ayer, al final.
2. Corregido. Era una parida. Creo que no encontraba la parte de código porque venía
intercalada con saltos de línea y espacios, pero no estoy seguro. Eso sí, buscando < /h2 >,
he podido dar con los trozos que me faltaban por modificar.
3.Para acabar, una pregunta que no he podido evitar hacerme mientras hacía todos estos
pasos. ¿A qué crees que se debe que blogger traiga por defecto los encabezados de las
distintas cosas con una estructura tan poco óptima (que los gadgets vengan en h4 parece
muuuuuuy poco óptimo, por ejemplo)? Sobre todo cuando blogger pertenece a google, que
es precisamente la que programa los bots para que rastreen antes h2 que h4, etc. Es curioso
que al parecer wordpress (nunca lo he usado, pero por lo que comentas de sus plugins)
traiga más facilidades para modificar estas cosas. Es como si google no quisiera que los
usuarios de su servicio, blogger, posicionaran bien. Pero si así fuera, eso haría que sus
usuarios dejarán de usar su servicio, lo cual sería un contrasentido.
¡Muchas gracias de nuevo y un saludo!

Hola Jose,
También me lo he preguntado muchas veces, puesto que Google no ha dado una respuesta
clara a todo esto, lo más que podemos hacer es elucubrar:
Blogger no es un proyecto incubado por Google. La gran G, en vista del éxito que logró en su
momento lo compró, como ha hecho con algunos servicios. Nunca ha sido la niña mimada de
Google, incluso Mat Cutts, el famoso ingeniero de Google, usa en su blog persona.
Wordpress.
Mi conclusión es que Google no le ha dedicado el tiempo, ni los recursos necesarios para

llegar a ese punto. Sin embargo, los blogs en Blogger se posicionan muy bien por norma
general... eso hace surgir otras preguntas, que circulan por la red ¿Google favorece el
posicionamiento de Blogger?...
Si la respuesta a lo anterior fuese afirmativa, que lo dudo, imagínate lo que significa además
optimizar los encabezados (y otras cosillas).
Saludos

Qué curioso el caso de Mat Cutts, jejej. Yo tampoco creo que haya sesgo en las búsquedas y
se prioricen los resultados de blogger (aunque si así fuera, entonces optimizar los
encabezados a su vez sería la leche). Pero afirmar eso o lo contrario no deja de ser un
brindis al sol, supongo, en la media en que es un ámbito en el que la opacidad empresarial y
corporativa es la norma. Lo que no djea de ser a su vez curioso para una empresa que
precisamente se vertebra a través de su servicio más importante, que es el de transmitir
información clara y ordenada a sus usuarios xD (aunque tb es verdad que no son una ONG y
no tiene por qué revelar su algoritmo, piedra rosetta de sus beneficios al vertebrar los
ingresos por publicidad, etc) Seguramente lo de Cutts se explique, (no lo sé la verdad, solo
especulo,) por un getso de buena voluntad de la compañía, para que no les acusen de
prácticas monopolísticas, y demás. Porque lo que está claro es que el blog de Mat Cutts va a
posicionar bien con cualquier servicio de blogging. Pero en tal caso, ¿por qué comprar
blogger? Da la sensación de que Google se dedica a acumular empresas, más que con
objetivos comerciales, con objetivos de intentar cortar las patitas a posibles "googles" en
potencia, empresas pequeñas que despuntan en sectores hasta el momento vagamente
explotados cuyo potencial no se previó en su momento. Y lo han hecho "muy bien" hasta el
momento, ya que han conseguido copar el mercado, y adeñuarse de otros mercados
adyacentes, sin caer en prácticas monopolísticas como le pasó a microsoft en su día. Eso sí,
la política no les ha salido tan tan bien y han fallado precisamente en el mercado de las redes
sociales. Al menos de momento...
En fin, este tema (bueno este TEMA, porque hemos empezado hablando de una cosa y
hemos acabado hablando de dragones y gigantes xD) da para especular y especular, pero no
es este el hilo tampoco. Muchas gracias de nuevo por tu ayuda y espero que sigas
publicando consejos tan útiles para los bloggeros!
Un saludo.
Responder
Elisa Tormo 17 de noviembre de 2014, 14:53

¡Hola, Fran!
Resulta que he hecho todos los cambios que proponías pero ahora cuando le doy al título del post me
sale <center . Me sale en las pestañas de internet...
No sé si me he explicado bien :(
¡Gracias!
Responder
Respuestas

Hola Elisa, que extraño, eso está relacionado con los títulos y no con los encabezados. Para
solucionarlo aplica lo que expongo en esta entrada sobre la optimización de títulos., eso
debería corregir tu problema.
Ya me cuentas ;)
Responder
Fashion Snapshots 22 de noviembre de 2014, 1:10

Hola,
Hago lo que me dices, pero tengo la fecha y los titulos centrados, si hago esto aparecen de nuevo a la
izquierda y no quiero eso, como hago?
Gracias por el post! Me ha encantado y ayudado mucho!
saludos
Responder
Respuestas
Fran Herrera 9 de diciembre de 2014, 13:35

Buenas! Pásame la URL de tu blog y lo solucionamos :)
Responder
Ricard Sampere 1 de diciembre de 2014, 17:07

De entrada agradecer tus aportaciones. Lo he puesto en práctica y he funcionado en el sentido de que
el blog continua visible y espero mejoras en el SEO para el futuro. Lo único que no me ha funcionado,
es el tema de las fechas, puesto que al cambiar h2 por h4, estas dejaban de mostrarse. He probado h3
por probar y continuaban ocultas (las muestro al principio de cada post). Por lo tanto he dejado las
fechas con h2.. :(. Solo a nivel de mostrarlo, mi blog lo tengo lincado en www.restaurantscat.cat
Saludos
Responder
Respuestas

Hola Ricard! Un placer tenerte por aquí.
Para que se te muestre correctamente la fecha, busca en tu plantilla "date-header", verás una
línea como esta:
.main-inner .widget h2.date-header {
sustitúyela por eseta otra:
.main-inner .widget h4.date-header {
Habiendo puesto tus fechas como h4, el problema es que tu plantilla muestra las fechas con
fondo blanco...por lo que se quedan invisibles. Si haces lo que te comento se te deberían ver.
Ya me cuentas!

Lo he probado y me aparecen dos líneas como la que me indicas. Si cambio las 2, me
desaparecen las fechas otra vez. Y si cambio solo una de ellas, me quedan las fechas como
cortadas.
Pero a la que tenga tiempo y con esta pista, seguiré explorando.
Tampoco quiero abusar... :). Y muchas gracias!!.

He realizado las pruebas tal como me me indicabas y la fecha me queda como cortada,
viendo solo una pequeña porción inferior (lo puedes ver en www.restaurantscat.cat). pero
imagino que se trata de que mi plantilla ya está muy "manoseada" de tiempo. Intentaré
contactar contigo para preguntarte si ofreces servicios profesionales.... Saludos y gracias.
Responder
La nueva M 1 de diciembre de 2014, 20:37

Muchas gracias por el post, me ha ayudado mucho
Responder
Rafael Alcaraz Garrido 2 de diciembre de 2014, 7:02

Hola Fran, ¿con que herramienta miráis los resultados?, yo con SEOquake y Firebug, ¿es correcto? o
existe un método mejor.
Gracias y un saludo.
Responder
Respuestas

Hola Rafael! Yo utilizo la herramienta de desarrollo de Chrome, lo que sería equivalente al
Firebug, si te controlas con esa herramienta es perfecto. El SEOquake es genial, para esto y
otras cosas.
Hay herramientas online, pero no soy muy partidiario de ellas. Un saludo!
Responder
Jose Rojas 4 de diciembre de 2014, 1:49

Hola amigo estoy en un apuro, hice algunos de tus pasos todo perfecto pero ahora cuando, busco por
google un articulo de mi web, como por ejemplo cosas de cocina. no me sale el titulo de la entrada sino
que solo sale la pagina de mi blog y el titulo cosas de cocina sale en negritas. AYUDA PORFAVOR
perdi totalmente mi optimizacion y mi web para posicionarme ayúdame porfavor! mi correo es
siirjosef@gmail.com enviame ay la respuesta o por aqui porfavor lo antes posible ayuda
Responder
Respuestas

Hola Jose,
No entiendo muy bien que te ocurre, si te refieres a lo que devuelve el buscador (SERP) eso
depende de varios factores y no tiene porque afectar a tu posicionamiento. Pásame la
dirección de tu blog y dime que te ocurre exactamente, si quieres puedes escribirme a mi
correo, desde la sección de contacto de abajo.
Un saludo
Responder
snow7 10 de diciembre de 2014, 10:56

Hola Fran, agradecerte por el post ya que esta muy bien explicado y fácil de entender y que logre hacer
todos lo cambios; sin embargo lo único que me quedo pendiente es que los títulos de mis entradas
quedaron del tamaño del cuerpo del post, si podrías ayudarme ya que intente cambiarlos y no logre
hacerlo, de ante mano gracias
Responder
Respuestas

Hola snow7!
Por supuesto, vamos a solucionarlo. Pásame la dirección de tu blog y lo vemos :-)

Aquí te envío la dirección http://blogdeconsejosparabajardepeso.blogspot.com/; y gracias por
la paciencia y colaboración

Tu Home Page tiene el h1 correctamente, en el nombre del blog y los títulos de las entradas
en h2, perfecto.
Tus entradas tienen el título con h1 y las fechas con h4, los títulos de los gadgets también con
h4. Perfect!.
¿Qué tamaño deseas cambiar? ¿el título de las entradas en el HomePage o el título en una
entrada? ¿Cómo lo quieres?

Gracias Fran, 18 o 24 o algo asi pero que se diferencie del tamaño de letra del cuerpo del
blog, nuevamente gracias Fran, estaré al pendiente de tu respuesta

Tus entradas tienen dos h1, algo no se hizo bien al hacer el paso de los encabezados de las
entradas. Fíjate en esta dirección:
http://blogdeconsejosparabajardepeso.blogspot.com.es/2014/09/te-damos-la-bienvenida-
secretos-simples.html
Esa entrada tiene un H1 vació y otro con el título de la entrada. Vuelve a hacer ese paso
"Cómo optimizar los encabezados de las entradas ", para que solo te aperezca un solo H1.
Seguramente el problema de tamaño es debido a eso. Fijate al copiar que solo debe haber un
H1.
Si corriges el problema anterior podrás cambiar el tamaño, color, etc. desde la herramienta de
Blogger, si te ves con algún otro problema no dudes en preguntarme!

Fran te comento que: el titulo de la entrada se marca y configura como gadget por lo que
cuando personalizo la configuraciòn ya no tengo titulo de entrada;

Añádeme a Google+ y te explico por Hangout, así te explico mejor. Una vez resuelto lo
comentamos aquí por si le ocurre a alguien más lo mismo que a ti.

Fran te comento que no se como añadirte a Google +, pero te envio mi correo
7snow7488@gmail.com para que tu me agregues
Responder

Fran revisando un poco mas, he logrado determinar que la configuración a través de la plantilla
avanzada, en lo relativo a: gadget configura el título de entrada; el Titulo de Entrada configura "Publicar
un comentario en la entrada" y , bueno ya no se puede configurar los gadget;
Por lo demás los F1 ETC se han cambiado asi como lo dices en el Post, excepto estas pequeñeses
que quiza también sean mi culpa, favor ayudame a salir de esta; y gracias por el desprendimiento
Un abrazo desde Bolivia

Responder
La maleta de una aupair 19 de diciembre de 2014, 16:42

¡Hola Fran! Muchísimas gracias por este post tan bueno y tan bien explicado! He intentado llevarlo a
cabo cambiando mis títulos de entrada por H2 y los gadgets por H4 pero al terminar de hacerlo (creo
que he seguido los pasos correctamente) entro dentro de cualquier post y el título del post cambia del
color verde clarito a gris (al mismo color del texto principal) además de que me desaparece el
subrayado color verde. Te paso el enlace del blog para que lo puedas comprobar tú mismo.
http://www.lamaletadeunaaupair.com
¿Cómo podría solucionarlo? Muchísimas gracias por adelantado!

Responder
Respuestas

¡Hola! Excelente, lo tienes optimizado.
Para que te aparezca en verde clarito, busca esto en tu plantilla:
h2.post-title a, h2 {
color: #D5D5A2;
border-top: 0px solid #D5D5A2;
border-bottom: 1px solid #D5D5A2;
text-align: center;
}
h2.post-title a, h2, h1 {
color: #D5D5A2;
border-top: 0px solid #D5D5A2;
border-bottom: 1px solid #D5D5A2;
text-align: center;
}
Tienes un blog muy bonito :-)
La maleta de una aupair 23 de diciembre de 2014, 8:12

¡Un millón de gracias Fran! :)
Responder
Luis Zambrano 22 de diciembre de 2014, 15:28
Buen tutorial :D pero lo malo esque se me cambiaron los estilos :( y no se como arreglarlo.
Responder
Respuestas

Gracias Luis, si te puedo ayudar en algo por aquí estamos ;)
Responder
susana sg 11 de enero de 2015, 11:06

Hola Fran, lo primero !!!!!!!!!!!!!! gracias!!!!!!!!!!!!!!!!!
Al eliminar los encabezados de las fechas en Blogger, me ha cambiado la fecha y el tamaño en todas
las entradas. Me podrias decir como lo vuelvo a cambiar. Gracias un saludo.
El blog es http://creandoaficiones.blogspot.com.es
Responder
Respuestas
Fran Herrera 28 de enero de 2015, 11:25

Hola Susana, he entrado en tu blog pero no veo aplicados los cambios propuestos en el
artículo, si vuelves a cambiarlo avísame!
Responder
Marta M 13 de enero de 2015, 18:45

Hola Fran, Cuando al principio del post, nos comentas que para optimizar los encabezados hay que
cambiar la prioridad que se le da a ciertas pestañas, y nos pides sustituir lo referente a h3. Luego en el
punto 4 nos dices que volvamos al punto 2 y volvamos a hacerlo hasta que no nos aparezcan mas
post-title entry-title. Lo que quieres decir es que lo modifiiquemos en todas las veces que nos aparece
esto: post-title entry-title, o solo donde aparece el h3?
Responder
Respuestas

Hola Marta!
Me refiero a sustituir todas las apariciones de código como se ve en el punto 2 (todas las
veces que aparezca ese bloque de código en tu plantilla), por el nuevo código del punto 3,
que ya está optimizado :)
Responder
Elena 21 de enero de 2015, 11:54

Hola Fran, yo me perdí en el paso 1, al poner CTRL+F y buscar "post-title entry-title" me sale 0 de 0, es
como que no aparece en plantilla este fragmento. Lo cierto es que hice 1º el cambio de html del título
en otro post tuyo para optimizar el título. Será por eso? Gracias
Responder
Respuestas

Hola Elena!
Al situarte en el código de la plantilla y buscar "post-title entry-title" ¿no te aparece nada?...

dime la dirección de tu blog y hacemos comprobaciones..¡ Esto no puedo quedarse así ! :-)
Miguel Ángel Gálvez Sánchez 28 de enero de 2015, 12:28
Yo creo que se cual es su problema. Porque a mi me pasaba lo mismo.
Si es que ella pincha en editar html, y pulsa ctrl+F y le aparece un buscador en la parte
superior.
El error es que ese no es el buscador. Primero debe pinchar dentro de la plantilla, en mitad
del codigo y después pulsar ctrl+F y ahí si le aparece su buscador correcto dentro de la
plantilla
Responder
María Rosas 28 de enero de 2015, 10:17

Hola! Acabo de comenzar a leer tu ayuda y me parece genial!
Pero yo también me he perdido en el primer paso, al poner CTRL+F y buscar "post-title entry-title"
también me sale 0 de 0. Pero es que he buscado, h2 o h1 y me vuelve a salir 0 de 0.
Algo no encaja.
Gracias por la ayuda
Responder
Respuestas

Hola María!
Debes colocarte dentro del código de tu plantilla y luego buscar la cadena "post-title entry-
title", te deberían aparecer resultados. Si no es así, pásame la dirección de tu blog y lo
miramos ;)

María creo que te ocurre lo mismo que a Elena y a mi. Mira a ver si era lo que acabo de
contestarle.
Un saludo.

Buenas Fran y Miguel Angel,
Efectívamente, eso he hecho y sin problemas. Ahora me asalta otra duda.
He cambiado unas 20 veces, copiando y pegando el texto que me decías en el paso 2 de tu
artículo cada vez que me salía post-title entry-title. Pero, al cabo del tiempo de copiar y pegar,
me he dado cuenta que estaba sustituyendo textos que no comenzaban por H3, sino por H2.
He dejado de copiar y pegar y ahora mismo, no veo resultados en los titulos de las entradas,
quizá debería haber seguido copiando hasta que no apacereciesen post-title entry-title?
PD: Gracias y mil gracias!!

Por cierto, mi blog es www.setacor.com
Quería aprovechar para preguntar otra duda. En Configuración, Lo Básico, he visto en el
pantallazo que tu tienes la dirección de tu web y debajo la de tu blog. En mi configuración
sólo sale la de mi blog aunque he comprado recientemente un hosting (muy básico) y en
google aparecen las dos direcciones, la .com y la .blogger.
De verdad que agradezco la ayuda.
Fran Herrera 3 de febrero de 2015, 14:46

Hola María,
Respecto a tu primera duda debes SUSTITUIR todo lo que pongo por lo otro, tantas veces
como aparezca en tu plantilla, pero ojo, debe aparecer todo el bloque que he puesto y que
comienza con "post-title entry-title", pero insisto, debe aparecer todo el código que te pongo y
sustuirlo (todo) por el que está justo debajo.
Con respecto a tu otra duda no se a que pantallazo te refieres, no entiendo muy bien la duda.
Tu blog está bien asociado al dominio, el hosting no es necesario para un blog en Blogger,
pero sí el nombre de dominio.
Responder
Marta M El Círculo Polar 28 de enero de 2015, 11:30

Algo he tenido que tocar mal, porque ahora cuando me busco en google,cómo título sólo me aparece el
nombre del blog, y no el título de la entrada. Y si clico me direcciona a la primera página de mi blog, no
a la entrada en concreto. Es decir si pongo: croissants chocolate circulo polar, me aparece mi blog,
pero sin el título de la entrada y me direcciona al último post... La he liado verdad¿
Responder
Respuestas

No te preocupes, eso es algo normal, indica que Google ha indexado antes la página
principal que la entrada, después de un tiempo (el que dicte Google) volverá a la normalidad.
He aprovechado para ver si tu blog tienes los encabezados optimizados, pasamos examen :-)
- Los ecabezados de la página principal

- Cabecera del Blog H1 -> OK!
- Titulares de las entradas H2 -> OK!
- Fecha H4 -> OK
Perfecta esa entrada principal
- Los encabezados de las entradas:

- Titular de la entrada H1 -> OK!
- Fecha H4 -> OK
- Cabecera del Blog H1 -> MEEEEEECCCCC, debes revisar esto, tiene que ser H2 (revis el
apartado de optimizar cabecera)
Lo tienes muy bien implementado, enhorabuena :)

Muchas gracias! Me ha sorprendido porque pensaba que estaba fatal. Y si está bien es
gracias a tus explicaciones y a que he seguido tus pasos. Pero ya te digo que he tocado
tantas cosas diferentes de la plantilla que me daba la sensación de que al final lo había
fastidiado, y es que no logro aumentar el número de seguidores dos meses después de
empezar.
El tema de la cabecera de H1 dentro de la entrada, supongo que te refieres a el título de la

entrada cuando entras en ella, que se ve más pequeño y en negro, cuando he intentado que
se vea lila (como el título de la entrada en portada) y con la fuetne más grande. Pues lo he
intentado todo y no logro que funcione. Cómo cambio a H2?

Vale creo que ya te he entendido, a qué te referías, me faltaba el paso de la imagen de
cabecera, si la tengo detraás.....Lo acabo de hacer, gracias!!
Eso sí, lo que te comentaba. Cuando entro en la entrada haciendo click en el título, el título
de la misma se me ve diferente que en la página principal... Y he intentado de todo para
cambiarlo y no hay forma humana de hacerlo...
Muchas gracias por todo!!!!

¡Exacto! La cabecera de tu blog cuando estás en una entrada debe estar en un H2 y el titular
en un H1. En tu caso, cuando lo miré, la cabecera estaba en un H1, con lo que se repetía con
el titular. Pero si ya lo has visto perfecto!
Para que el título se vea igual que en la página principal, busca esta línea en tu plantilla:
h2.post-title, .post h2 #Blog1 h2, #Blog2 h2 {
y sustitúyela por esta otra:
h1.post-title, h2.post-title, .post h2 #Blog1 h2, #Blog2 h2 {
Ahora se te debería ver el titular en una entrada correctamente.

Madre mía!!! Eres un crack!!! Perfecto ahora!! Muchísimas gracias Fran!!!
Responder

Muy buenas Fran. Primero que nada, agradecerte que compartas con nosotros esta valiosísima
información.
Yo tengo un problema. Y es que después de aplicar todo y repasarlo, (creo que está perfecto) he
analizado mi blog con woorank, y me lee los titulos de las entradas como H2, igual que el encabezado.
Cuando suppongo que debería leerlo como H1.
Por lo demás tengo todo perfecto.
¿Sabrías decirme en que puedo haberme equivocado?
Responder
Respuestas

Hola Miguel! Cuando dices que has analizado tu blog con woorank ¿qué url le estás
pasando? ¿la principal?... ten en cuenta que si le estás pasando una página estática no se
aplicaría nada de lo aquí comentado, puesto que dependerá de lo que hayas puesto en esa
página.
Analizando esta url (ALQUILERDECARPASENJAEN.BLOGSPOT.COM.ES), esto devuelve

Woorank
H1 H2 H3 H4 H5
14130
Parece que está todo correcto :-)

A mi me aparece lo mismo Fran.
Solo que justo debajo de esos datos, me pone

H1 (en blanco)
H2 ¿buscas menaje para tu evento en jaen? (El título de mi entrada)
Pensé que en H1 iría el título de mi entrada

Cuando estás en una página índice como la Homepage no sería así, tu título principal sería el
nombre del blog, pero como tu blog tiene un logo supongo que por eso te aparece en blanco
(es correcto).
Si inspecciona una entrada si te aparecería como h1 el título de la entrada :)

Por ejemplo, si analizas esta:
http://alquilerdecarpasenjaen.blogspot.com.es/2015/01/buscas-menaje-para-tu-evento-en-
jaen.html
Si aparecería lo que buscas
Responder

Aaaaaaamigo!! Duda solucionada.
Una vez más enhorabuena por el trabajo realizado!
Responder
diego san roman 28 de enero de 2015, 19:20

Hola Fran, antes que nada mil gracias por compartir tus conocimientos me han sido de mucha utilidad!!
Tengo dos dudas, la primera es que yo uso wpseo de yoast y quisiera saber si me pone en automatico
las etiquetas cuando publico una entrada..
Tambien me gustaria saber el estatus de mis etiquetas pero no tengo ni idea de como se pueda checar
eso, para saber si estan bien ya que casi no me llega trafico de google-..
saludos!!
Responder
Respuestas

Hola Diego!
En WP lo importante es la plantilla que estés utilizando, si está optimizada para SEO te

puedes despreocupar de que tu blog las esté construyendo bien, de lo deberías preocuparte
es solo de crear contenido estructurado donde le pongas titulares y desgloses la información.
Para eso el plugin de Yoast que estás utlizando va perfecto ;)
Hay herramientas online para hacer comprobaciones de este tipo, como Woorank,
seositechecup.com, etc... eso sí, nunca te fíes 100% de ninguna de ellas, hay que mirarlas
con lupa.
Responder
Fresita Morita 3 de febrero de 2015, 1:32

Buenas Noches,, He seguido Todos tus pasos y todos me han funcionado perfectamente excepto los
encabezados de cabecera. En mi caso, tengo la cabecera configurada con una imagen y tengo
seleccionada la opcion "En lugar del titulo y la descripcion". Al aplicar los cambios al HTML de la
plantilla como tu indicas, la imagen de la cabecera se muestra perfectamente cuando estoy dentro de
un post, pero al ir a la pagina principal la imagen aparece movida unos 20 pixeles hacia abajo y hacia la
izquierda, colocandose por encima de un menu horizontal que tengo por debajo de la cabecera y
haciendo imposible visualizarlo. Ya intente Reemplazar ".Header h1 {" por ".Header h1, .Header h2 {"
pero no funciono. Tienes alguna sugerencia?
Responder
Respuestas

Hola Fresita,
En primer lugar enhorabuena, has aplicado perfectamente los encabezados en tu blog, salvo
el que comentas ¿lo resolvemos?
He accedido a tu blog pero no veo el problema ahora mismo ya que no lo tienes modificado,
vamos a ir un poco a ciegas, por lo que me explicas prueba a localizar en el código de la
plantilla este fragmento:
#header h1, header h2 {

text-align: center;
font: 436% lobster,Oswald,Arial,Serif;
letter-spacing: 0;
margin: 0;
padding: 0 0 0 0;
text-transform: inherit;
}
y elimina la línea "font: 436% lobster,Oswald,Arial,Serif;", si sigue el problema ya me

comentas y sino también ;)
Responder

WOW! muchas gracias, me funciono perfecto, no sabes cuanto te lo agradesco. si no te molesta hare
post en mi blog haciendo un resumen del tema con referencia a este post y a tu pagina con tu link.
seguramente ayudaras a muchas personas.
quisiera preguntarte otra cosa, ya he buscado todos los codigos de widgets con h2 los he reemplazado
por h4 pero cuando entro a mi blog y veo la fuente, le doy ctrl-f y busco h2, y puedo notar que el widget
de seguidores sigue siendo h2. alguna sugerencia? con que otro nombre podria buscarlo en la
plantilla?
por ultimo, como hago para que el header de mi blog sea h2 cuando estoy dentro de un post? por que
con el metodo que tu explicas (en lugar del titulo y la descripcion), el header es h 1 en la pagina
principal pero no se le asigna ninguna h dentro de un post, y me gustaria que fuese h2. y aunque el
header no se vea por que tiene una imagen encima, tengo entendido que a funciones de SEO y
buscadores sigue estando ahi, estoy en lo correcto?
Responder
Respuestas

Genial que te haya sido de utilidad, ningún problema con respecto a lo que comentas, de
hecho gracias por compartirlo :)
Con respecto a ese h2 que se resiste de seguidores, prueba a buscar "<h2 class="title">" (la
segunda opción en el artículo) en la plantilla y sustituye ese h2 por h4.
Con respecto a lo que que comentas del header que sea h2 cuando estás dentro de un post,
bajo mi punto de vista, no es buena idea. Estarías dando más prioridad al título del blog que a
los posibles subencabezados de tu entrada, por algún motivo te podría interesar, pero ahora
no se me ocurre. Desde un punto de vista SEO es mucho más eficiente dar prioridad al
contenido de las entradas, deberías tener H2 pero en cabeceras de tu entradas,
incluyéndolas tú, tal como explico en el artículo. Por ejemplo, la entrada que estoy viendo
"TENGO MIEDO DE CASARME ¿POR QUE?", no tiene encabezados (h2) ni
subencabezados, desde un punto vista SEO ganarías puntos incluyéndolos. Recuerda que el
objetivo principal de una entrada es promocionar la misma, para promocionar la marca del
blog ya tenemos la página principal y otros métodos.
Fresita, contigo da gusto, eres muy aplicada, un placer responder cualquier otra duda que
tengas :)
Responder

Hola Fran, te comento que ya habia buscado el widget que sigue con h2 usando ambas opciones
mencionadas en tu articulo, y es por eso que estoy algo confundida con el tema. alguna otra
sugerencia?
respecto a lo de asignarle un h2 al titulo del blog, pues lo que dices tiene muchisimo sentido, no lo
habia pensado asi y tienes toda la razon. a partir de ahora utilizare los subencabezados dentro de mis
publicaciones como tu recomiendas.
muchas gracias por tu ayuda!! y por tus prontas respuestas :) asi da gusto aprender
Responder

Fran, he logrado localizar el widget en mi plantilla html, de hecho si que esta cambiado de h2 a h4 pero
por alguna razon cuando abro el blog y veo la fuente, sigue mostrandose como h2. te comento algunas
cosas que he logrado deducir:
primero, dice id=followers1 y title=seguidores, nombre del widget en cuestion
segundo, le cambie el locked=false a true, y al revisar en la pestaña de diseño de mi blog, se habia

bloqueado. lo que me confirma que es el widget en cuestion
tercero, en dicha pestaña de diseño, le doy a editar al widget (he probado con locked=false y
locked=true) y aparece seleccionada la opcion " Utilizar estilos predeterminados de plantilla", desactivo
la casilla y edito los colores y el aspecto, pero no guarda los cambios. aunque le de guardar, al volver a
darle editar sigue seleccionada la opcion "Utilizar estilos predeterminados de plantilla". esto me lleva a
pensar que algo respecto a ese widget no esta bien.
ya he probado "restablacer plantillas de artilugios a los valores predeterminados" y no me ha

funcionado
te mando un URL con una imagen donde sale el codigo completo del widget en mi plantilla de html
(esta sombreado para que puedas identificarlo)
https://8f1fad6e-a-62cb3a1a-s-sites.googlegroups.com/site/fresamoragm/Untitled.jpg?
attachauth=ANoY7colSESTpB2xHzy5srusPaJ6iqTCW-
4KGEW9aTFrB4LcVfPPXvZHcsLImHpHgpyxg4jci90wCR4QZiwVzsVdbz9blm5N35PnpqVv8gHN1msx
WffALs9ci4RsfjDuOLE8wPrbH7ytqoI5pr-
msMitywYcxP0uvKWFAULogC4Ye2QEnnPiBAaoRnpOJ2OWCG_8YzKzrPUnnwG8WQMTj1YPTzS3JN
QnnA%3D%3D&attredirects=0
Responder
Respuestas

mmm... todo un reto! Creo que lo que está ocurriendo es que el widget no entra en los
condicionales, así que vamos a probar, has copia de seguridad que allá vamos:
Basándome en la imagen que me has pasado, localiza el código que empieza por:
<b:if cond='data-title != "; .....
y termina en:
<b:if>
bien, elimina todo lo que ESTÁ DENTRO de esas líneas, son 7 líneas que has de eliminar y
pon solo esto:
En resumen, quedaría algo así:
<b:if cond='data:title != ""'>

</b:if>
Ya me cuentas!!

Hola Fran! Gracias por tu respuesta, lamento decirte que no me funciono, de hecho no veo
ningun cambio en el widget... esta exactamente igual :(.. incluso sigue sin dejarme guardar
cambios cuando lo edito en la pestaña de diseño..
si se complica mucho optare por simplemente borrar ese widget y buscar otra olternativa..
que opinas?

Pues creo que no es mala idea, es muy raro lo que te está ocurriendo. Podrías hacer una
última prueba, quita el título del widget, déjalo en blanco, no te debería aparecer el título del
widget y por tanto no aparecería el h2... si te funciona esto tampoco, lo clasificamos de
expediente X... ya me cuentas!

Bingo!! me funciono! ya no tengo ese h2 molestoso... yo pienso que el problema puede estar
no en ese codigo html como tal, sino en algun otro codigo escondido entre las mas de 2500
lineas de mi plantilla html que afecta al widget, quizas en la seccion de CSS, pero ni idea de
como buscarlo... me quedare con tu solucion que me funciona muy bien!!!
muchas gracias por tu ayuda! le dedicas tiempo y esfuerzo a tus seguidores y eso hace de ti
un gran blogger, mucho exito para ti!
ya termine este paso... ahora voy a los metatags!
Responder
PURO FUTBOL 12 de febrero de 2015, 23:23

Hola amigo, cordial saludo.
Tengo una duda, he seguido todos los pasos y creo que los he realizado bien, pero tengo una duda, en
el punto de: Optimizar los encabezados de la cabecera (header), yo como no tengo una imagen en el
encabezado, pues coloqué el código del punto que dice: No tienes imagen de cabecera. Hasta aquí
todo normal, lo raro es que cuando ingreso a una de las entradas, el título se ve muy pequeño, quiero
saber si eso es normal o tengo que corregir algo. Gracias de antemano y espero una respuesta.
Mi blog es: http://alianzapetrolerafcsa.blogspot.com/
Responder
Respuestas

Hola,
Si quieres dejar la cabecera en las entradas igual que en la página principal, busca esto en tu
código de la plantilla:
.Header h1 {
font: normal normal 61px Corsiva;
color: #ffff00;
}
.Header h1, .Header h2 {

font: normal normal 61px Corsiva;
color: #ffff00;
}
Ahora coincidirán en ambos casos.
Ya me cuentas!

Amigo, busqué y no encontré ese código que me dijiste, lo más cercano que hallé fue eso:
.Header h1 {
font: $(header.font);
color: $(header.text.color);
}
.Header h1 a {
}

Es el primero que has puesto el que tienes que sustituir, en la plantilla está con los
parámetros y por eso lo ves distinto. Sería sustituir:
.Header h1 {
}
por esto otro:
.Header h1, .Header h2 {

}
Responder

Inconveniente solucionado! gracias amigo, usted sabe mucho, mis respetos.
Responder
Blu Formiga 17 de febrero de 2015, 3:25

Una pregunta: Vuelve al paso 2 hasta que no encuentres más secciones "post-title entry-title", No me
quedo claro si es que debo ir me a la busqueda de otros con el mismo nombre y cambiarles por el
código que explicas aquí, porque a mi me sale H1,H2 y H3 cuando hago el search "post-title entry-title"
¿Debo remplazarlos todos introduciendo el código de relevancia que explicas aquí?
Responder
Respuestas

Hola Blu Formiga,
Debes encontrar el bloque de código que pongo en el punto 2, completo: <h3>...
Lo que indico de "post-title entry-title" es una forma de localizarlo rápido, pero luego te tienes
que fijar que el bloque de código sea justo el del punto 2, si es así entonces sustituirlo.
Espero haberlo aclarado, un saludo :)
Responder
Raskents Ratto 19 de febrero de 2015, 4:53

estoy leyendo y me gusta saludos
Responder
Respuestas

Gracias a ti Raskents, un placer tenerte por aquí ;)
Responder
Marta M El Círculo Polar 19 de febrero de 2015, 10:13
Hola Fran!! Aquí vuelvo a la carga. Ahora cuando redacto un post utilizo el Encabezado para el primer
párrafo y Subencabezado para el resto del texto. Esto es correcto? O quizá me estoy pasando con el
Subencabezado y debería usar el Normal? Por otro lado, veo que en Personalizar HTML me coge el
primer párrafo de cada entrada (es decir, lo que suelo poner como Encabezado) en un tipo de letra
diferente al resto. Si modifico el tipo de letra me varía el de este primer párrafo junto con los títulos del
sidebar, de los diferentes gadgets. He cambiado la fuente recientemente y no logro encontrar un
tamaño adecuado. En el html lo tengo a 15px pero me sale muy pequeño si selecciono letra normal
dentro del redactor, por lo que tengo que seleccionar Grande, y claro, me parece demasiado grande.
Me he cargado la plantilla?
Responder
Respuestas

Hola Marta!
Cambiaría la forma en que utilizas encabezado y subencabezado, estás volviendo loco al

buscador :P
Fíjate, el título de la entrada tendría "H1", perfecto, lo tienes!
Si quieres poner una entradilla podrías usar negrita, cursiva o un tamaño con cuerpo de letra
mayor.
Crea apartados bajo la etiqueta (Encabezado = H2) y si ya pones subtitulares (H3) sería
fantástico.
Es decir:
H1 => Título de la entrada
Entradilla => Negrita/cursiva/cuerpo mayor
H2 (Encabezados) => Divide en secciones tus entradas
H3 (Subencabezados) => Cuando bajo un encabezado hay mucho texto, puede venir bien
para el usuario y para SEO
Los problemas que te ocurren luego con el tamaño es debido al uso que estás haciendo de
encabezado y subencabezados, si lo vas cambiando a como te propongo (lo se, menudo
curro...) solucionarías este último problema y si no es así coméntamelo.
Puedes volver a la carga cuantas veces quieras ;)
Marta M El Círculo Polar 20 de febrero de 2015, 5:52

Mi blog es de decoración, pero a veces pongo recetas y hablo de restaurantes y demás. Por
ejemplo una entrada a una receta:
Título: Pollo con gambas (H1)
Hoy os traigo una nueva receta..... (H2, Todo este párrafo podría ser Encabezado?)
Ingredientes: (H3, Subencabezado)

- Pollo
- Gamas
(Los ingredientes en normal)
Elaboarción: (H3) Subencabezado
Primero de todo freir el pollo.... (Texto Normal??)
Sería así?
Es decir, mejor que el subencabezado no sea un párrafo entero, sino una palabra o una
sección...?
Gracias eres de gran ayuda de verdad!! Un crack!!

Lo ideal es que los encabezados y subencabezados sean frases, un título que resuma de lo
que vas a hablar luego, en el ejemplo de la receta, para SEO y para el usuario, lo ideal sería
ésto:
---
Título: Pollo con Gambas [H1]
Hoy os traigo una nueva receta, blah, blah... [Normal, si quieres negrita/cursiva/cambio
fuente]
Ingredientes [H2, encabezado]

- Pollo
- Gambas
- ...
Elaboración: [H2 - Encabezado]
Explicación de la receta... (normal, resalta en negrita las frases que quieras destacar, intentar
poner enlaces hacia otras entradas tuyas también, ...)
Suerte ;)
Responder
veryfunny video 19 de febrero de 2015, 18:14

saludos, FRAN me puedes decir si he hecho bien los cambios a mi BLOG. porque no tengo mucho
conocimiento en codigos html. y no se si todo me quedo bien. po favor pasate por mi blog
http://recetascaserasnaturales.blogspot.com/
Responder
Respuestas

Hola,
Perfectísimo, tienes los encabezados H1 a H4 de tu blog en su sitio :)
Responder
Blanca Iris Rodrigues Mercedes 21 de febrero de 2015, 18:17

Gracias Eh Cumplido con la tarea :)
http://zofoke.blogspot.com/
Eres un Genio Hermano
Seo, Blogger, Buscadores
Responder
Respuestas

Excelente! Gracias y bienvenido ;)
Responder
Warua 26 de febrero de 2015, 6:00

Hola Fran, a ver si eres tan amable de echarme una mano. El caso es que acabo de cambiar mi blog a
una plantilla nueva y he seguido los pasos que explicas en este artículo pero creo que no me ha salido
del todo bien. Por un lado en la home parece ser que no tengo h1. Por otro lado, no sé si en las
entradas individuales he logrado que el título de la entrada sea h1 y el título del post h2. ¿Podrías
echarle un vistazo a mi plantilla y decirme si ves alguno de estos errores que te comento? Muchas
gracias
Responder
Respuestas

Hola Aníbal,
Vamos a echarle un vistazo a esos encabezados:
General:
- Widgets/Gadgets correctos (H4)
Página Principal:
- No tiene H1 en la cabecera, estaría bien corregirlo
- Entradas correctas (H2)
Entradas:
- Títulos de las entradas correcto (H1)
- Carece de encabezados o subencabezados (H2, H3, ...)
Un saludo :)
Responder
Yonaka 27 de febrero de 2015, 11:55

Gracias por tu ayuda. He puesto en práctica tus consejos!
Responder
R Rodriguez 28 de febrero de 2015, 15:49

Muchas gracias, excelente post.
Responder
Ana Maria Almendro Oliva 3 de marzo de 2015, 13:57

Hola, por fin me he animado optimizar esta etiquetas. Me ha salido todo perfecto salvo que uno de los
titulos de mis gadgets ha perdido la imagen de fondo y el centrado, es decir, tiene el formato del titulo
de cada entrada. Un saludo.
Responder
Respuestas
Fran Herrera 3 de marzo de 2015, 18:25

Hola Ana, genial que te haya sido de utilidad, si te puedo ayudar en algo por aquí estamos ;)
Responder
Migdalis Moreno 3 de marzo de 2015, 23:26

Muchas gracias por toda la explicación!
Para mi es muy complicado todo esto pero seguí cada uno de los pasos, donde tuve alguna dificultad,
tu ofreciste la solución al instante!
Responder
Respuestas
Hola Migdalis, estupendo que te haya servido de ayuda, gracias a ti ;)
Responder
KIKER IMG 4 de marzo de 2015, 0:26

Hola gracias por la información la he puesto en practica, pero me salió algo mal creo porque en
Webmaster Bing me sale que tengo varias etiquetas H1 y de verdad no se como solucionarlo, quisiera
que me puedas ayudar, te dejo mi Blog: http://www.kiker-img.com/.
Gracias.
Responder
Respuestas

Hola Kiker, revisa en tu plantilla la modificación que hiciste de la cabecera, supongo que
habrás implementado la opción de "en lugar del título y la descripción", al iniciar el bloque que
tenías que pegar, justo encima tienes esto en tu plantilla "<h1></h1>", elimínalo y debería
corregirse el problema.
Ya me cuentas ;)
Responder
franc alber 5 de marzo de 2015, 18:03

hola, en la ultima parte para cambiar las fechas de h2 a h4 no sale en mi plantilla el código que
mencionas
y no lo puedo sustituir. es porque mi plantilla esta mal o es algo normal, hay otra forma de optimizarlo ?
Responder
Respuestas

Hola Franc,
Muchas veces las plantillas parten las líneas, seguramente estás buscando toda la cadena,
prueba a buscar por ejemplo esto: «h2 class='date-header'». De esta forma te debería
aparecer e identificar el bloque que comento en el artículo.
Ya me cuentas ;)
Responder
Juan Galaz 11 de marzo de 2015, 0:40

Hola Franc, seguí todos sus pasos y todo bien solo que el ultimo me cambió los estilos de las fechas y
de un Gadget de imagen en la parte superior izquierda de mi Blog:
http://otakunewspower.blogspot.com/ ¿Me podrías ayudar? Por cierto, muchas gracias por todos los
consejos de su post me han sido de mucha utilidad :)
Responder
Respuestas

Hola Juan,
Veo lo que tienes ahora, pero no se lo que tenías antes... coméntame como lo quiere :)
Genial que te haya sido de utilidad, gracias a ti :)
Responder
Raúl D 11 de marzo de 2015, 3:31
Hola, me parecio muy buena tu explicación, ya hice los cambios, pero me surgio una duda... Por qué
razón no cambiaria el tamaño de las letras de mis entradas?! los h4, h3, h2 y h1 tienen es la función de
darle peso en el motor de busqueda a los títulos?! Pero h1 que significa realemente? h1=Encabezado,
h2=Subtítulo, h3=Subencabezado y h4=normal? es así? Gracias y saludos
Responder
Respuestas

Hola Raúl,
Desde un punto de vista de HTML, H1 significa encabezado de nivel 1, H2 encabezado de

nivel 2, etc. Yendo de mayor prioridad a menor. Es el diseñador del sitio web el que decide
que peso darle y lo que representa.
Desde un punto de vista SEO, H1 tiene mas visibilidad para los buscadores que H2 y así
consecutivamente. En la figura del artículo puedes ver el criterio SEO que hemos seguido en
el artículo.
Desde un punto de vista CSS (hoja de estilos) tú decides como quieres representar esos H1
a H6. Por defecto los navegadores lo representan con mayor fuente H1 que H2, pero tú
podrías cambiar ese comportamiento con CSS.
Tres puntos de vista que como ves se llevan bien :)
Un saludo!
Responder
Raúl D 11 de marzo de 2015, 4:37

Hola, me acabo de dar cuenta que se movieron algunas cosas. si voy a Diseñador de plantillas de
Blogger el "Título de entrada" ahora me modifia "Cacera de fecha", el "Título del gadgat" me modifica el
"Título de entrada", y "Cabecera de fecha" ya no se que cambia.. Es un efecto secundario de cambiar
las h1, h2, h3, h4, o me indica que lo gice mal?
Responder
Respuestas

Hola Raúl,
Si te refieres a "Personalizar" dentro "Plantilla", sí es normal lo que te ocurre. En tu plantilla

existe una sección de variables dentro del tag Skin (las variables de plantilla). Habría que
modificar éstas para poder personalizar desde ahí, pero eso no se explica en el artículo.
Como tú dices, es un efecto secundario, no has hecho nada mal :)
Responder
Introduce tu comentario...
Comentar como: Cerrar sesión
Publicar Vista prev Avisarme

Cargar más...
Página principal Entrada antigua
Inicio Sobre la navegación Mapa del sitio Contacto
Blogger Ayuda Temas que trato Sígueme en Google+
En Blogger Ayuda encontrarás todo lo que tiene que Gadgets SEO Redes sociales Tutoriales Blogger Ayuda
ver con el mundo Blogger, tutoriales y trucos para
Seguir
mejorar tu Blog. Entradas Google Plus Primeros pasos Trucos
La mayor parte del material, surge de la experiencia Twitter Ayuda Blogger Ayuda Facebook
propia de trabajar directamente con Blogger durante
varios años y de la gran cantidad de información
recopilada en Internet.
Espero que lo disfrutes tanto, como yo escribiéndolo.
293 nos tienen en sus círculos. Ver todo
© 2.013, Diseñado y desarrollado por Blogger Ayuda, bajo licencia Creative Commons. Con tecnología Blogger

H1h2bloger Seo PDF

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

H1h2bloger Seo PDF

Cargado por

Copyright:

Formatos disponibles

Tu a y u d a p a r a c r e a r y m e j o r a r t u b l o g c o n B l o g g e r

I NICI O PRIME R O S PA S O S GADG E T S TRUC O S REDE S S O C I A L E S AYUDA

Blogger y SEO: Cómo optimizar los encabezados al

Por Fran Herrera en SEO 407 comentarios

Si queremos estar en los primeros puestos de los

Pero, tan solo será el primer paso de muchos. Un artículo

pero ¿existe algún plugin SEO o algo parecido en

La importancia de los encabezados para el

Cómo poner Meta Tags en Blogg

Cómo Poner el Like Box de

Figura 2: Plantilla con encabezados optimizados para SEO

Figura 3: Optimizar encabezados de entradas

Tal y como se ve en la figura 1, desde el editor de entradas podemos seleccionar: "Encabezado",

1. Nos vamos a la edición del código HTML de la plantilla

<h3 class='post-title entry-title' itemprop='name'>

<b:if cond='data:blog.pageType == "index"'>

4. Vuelve al paso 2 hasta que no encuentres más secciones "post-title entry-title"

h1.post-title, h2.post-title, .comments h4 {

.mobile h3.post-title, .mobile h2.post-title {

Optimizar los encabezados de la barra lateral (sidebar) y

Figura 5: Ejemplo de encabezados en un sidebar

1. Nos vamos a la edición del código HTML de la plantilla

Optimizar los encabezados de la cabecera (header)

Figura 6: Optimizar encabezados del header

Figura 7: Configurar cabecera desde el modo diseño de Blogger

Tienes marcado "En lugar del título y la descripción"

1. Edita la plantilla en modo HTML

y sustitúye solo lo que está resaltado por esto otro:

<b:if cond='data:blog.pageType == &quot;index&quot;'>&lt;h1&gt;</b:if>

No tienes imagen de cabecera

1. Edita la plantilla en modo HTML

y sustitúyelo por este otro

1. Edita la plantilla en modo HTML

<div class='titlewrapper' style='background: transparent'>

y sustituye el código resaltado por este otro

<b:if cond='data:blog.pageType == "index"'>

3. Ahora deberías visualizar el título del blog correctamente

Eliminar encabezados de las fechas en Blogger

Bueno... ¿manos a la obra?

Localiza en tu plantilla TODAS las apariciones de:

y sustitúyelo por esto otro:

Algunos de los blogs que han aplicado la optimización

Que lo compartas es el mejor regalo que me puedes hacer

concha 19 de mayo de 2014, 12:20

Fran Hernández Herrera 19 de mayo de 2014, 15:29

Lo explicado aquí es un paso para "mejorar" el posicionamiento, pero no tienes porqué

Muchas gracias por seguirme ;)

Miguel Angel Hernandez 19 de mayo de 2014, 15:54

Fran Hernández Herrera 19 de mayo de 2014, 15:56

Muchas gracias por pasarte!

Miguel Angel Hernandez 19 de mayo de 2014, 15:57

Fran Hernández Herrera 19 de mayo de 2014, 16:03

Miguel Angel Hernandez 19 de mayo de 2014, 15:58

Miguel Angel Hernandez 19 de mayo de 2014, 15:59

Group description="Post Title" selector="h3.post-title, h4, h3.post-title a"

Fran Hernández Herrera 19 de mayo de 2014, 16:24

Miguel Angel Hernandez 19 de mayo de 2014, 16:08

Miguel Angel Hernandez 19 de mayo de 2014, 16:49

Fran Hernández Herrera 19 de mayo de 2014, 16:52

Miguel Angel Hernandez 19 de mayo de 2014, 17:02

<b:if cond='data:blog.pageType == "index"'><h1></b:if>