Tecnología

Codigos y Tecnologias Idea guardada 7 veces
La valoración media de 1 personas es: Excelente

Optimizar plantillas con encabezados en Blogger


La plataforma de creación de blogs Blogger, de Google, tiene algunos trucos y consideraciones a tener en cuenta para lograr posicionamientos de primer nivel. Se trata de optimizar aspectos visuales y de contenido para que nuestra página aparezca en los primeros puestos de búsqueda, y sí en un primer momento puede parecer una tarea titánica, con la práctica se vuelve sencillo y rápido.

Hoy aprenderemos un poco sobre la optimización de los encabezados al máximo (H1, H2, H3 y H4). Utilizando correctamente estos apartados lograremos que nuestro contenido esté resaltado de la mejor forma posible, atrayendo a los lectores y generando tráfico entre nuestros posts.

Crear una plantilla con encabezados optimizados para SEO

Los encabezados optimizados usan una tipografía de letra de mayor tamaño para llamar la atención del lector. Cuando ordenamos y utilizamos correctamente los encabezados podemos ayudar al buscador a reconocer rápidamente cuáles son los elementos más relevantes del contenido que escribimos. Google analiza los contenidos dentro de los encabezados por orden: los de H1 son los más importantes, luego H2 y así sucesivamente.

Una buena plantilla optimizada con encabezados para SEO reserva el lugar del título para la etiqueta H1. Ingresa en Blogger – Plantilla – Editar HTML y reemplaza el código por defecto por el siguiente:

<b:if cond=’data:blog.pageType == “index”‘>

<h2 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>

</h2>

<b:else/>

<h1 class=’post-title entry-title’ itemprop=’name’><data:post.title/></h1>

</b:if>

Otros cambios que puedes realizar para asegurarte el correcto funcionamiento de los posts incluyen:
Reemplazar el código: h3.post-title, .comments h4 {

Por el código: h1.post-title, h2.post-title, .comments h4 {

Y el código HTML: .mobile h3.post-title {
Por: .mobile h3.post-title, .mobile h2.post-title {

Estos cambios te permitirán una visualización correcta y optimizada de tus posts también en dispositivos móviles. Es un procedimiento un tanto tedioso porque requiere jugar con el código HTML, pero te ahorra mucho tiempo a la hora de posicionar tus posts en blogger.

.

Fuente: este post proviene de Codigos y Tecnologias, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Recomendamos

Relacionado

Blogger Código HTML Optimización SEO

Optimizar plantillas con encabezados en Blogger

La plataforma de creación de blogs Blogger, de Google, tiene algunos trucos y consideraciones a tener en cuenta para lograr posicionamientos de primer nivel. Se trata de optimizar aspectos visuales y de contenido para que nuestra página aparezca en los primeros puestos de búsqueda, y sí en un primer momento puede parecer una tarea titánica, con la práctica se vuelve sencillo y rápido. Hoy aprender ...

internet blog tblog ...

Consultoría Blogger - Resolviendo dudas de tutoriales 3

Hola a todos!!! Ya estamos de nuevo a final de mes y vengo a resolver las dudas de tutoriales antiguos que os han surgido y que se habían quedado pendientes de resolver. Cómo añadir un menú con imágenes en Blogger Este es el código que Celia proporcionaba para poner el menú con imágenes: <div > <table> <tbody> <tr> <td> <a href="URL DE TU PÁGINA/ETIQUETA" ...

BLOGGER blogging SEO ...

BLOGGER TERAPIA SEO y uso de backlinks

Como alguna vez mencioné es fundamental que estés centrado en tu temática, que te enfoques en la estética de tu blog de blogger, las estrategias de posicionamiento SEO, tu promoción o presentación. Y en posicionar están los backlinks. Por eso es importante dar un mayor grado de interés a esta Blogger Terapia. Terapia de SEO blogger La blogger terapia es importante para los niveles que dan posib ...

BLOG blogging intermedio ...

Instalar los iconos de redes sociales en el header y sidebar de blogger

En una entrada anterior te conté cómo instalar una fuente llamada fontawesome para utilizar iconos en tus listas, páginas y entradas de blogger, para darles ese toque diferente y original que las haga especiales y visualmente atractivas. Puedes volver a revisar la entrada e instalar la fuente que te digo en el siguiente botón: CÓMO INSTALAR ICONOS EN BLOGGER Hoy, vamos a utilizar nuestros iconos p ...

internet blog intermedio ...

Cómo poner la fecha debajo del título en Blogger

Si has visitado mi página de Cursos para Bloggers puede que te hayas fijado en la posición de la fecha de las entadas del blog, centrada debajo del título. Me han llegado varios emails preguntándome una manera sencilla de mover la fecha en Blogger... Y bueno, no sé si será la más sencilla de todas, pero es la que he usado yo y puedo asegurarte que funciona.Mover la fecha debajo del título 1.- Abri ...

internet avanzado blog ...

Tutorial Blogger: adaptar menú a versión móvil

No me gusta nada la versión móvil, con lo que me ha costado dar con la portada y el diseño ideal... y se va todo al garete al activar la plantilla para dispositivos móviles. He tardado en decidirme pero claro, el tema de que Google vaya a tener tan en cuenta ésto para el posicionamiento pues... como que impone un poco. Así que finalmente me he decidido a activarla, prescindir de la portada y perso ...

general seo

Los datos estructurados en Blogger: solución de problemas.

Los datos estructurados son una herramienta fundamental en la presentación de los resultados de búsqueda en Google. Gracias a ellos, Google puede presentar información de eventos, rangos de precios, evaluación media del sitio (con estrellas) y gran cantidad de datos en el resumen de la búsqueda que pueden hacer que un usuario se interese más por ese resultado que por otros que no se aprovechan de ...

Blogger Consejos Trucos

Trucos para mejorar el estilo en Blogger

El mundo de los blogs es muy competitivo y exigente. No hay que perder tiempo y es muy importante estar siempre atentos a las nuevas tendencias si queremos lograr buenos resultados, posicionar nuestra página y sacarle el máximo provecho a los resultados en buscadores como Google o Yahoo!. Por esa razón hoy te traemos más trucos y recomendaciones de expertos del sector. Añadir barras en Blogger Blo ...

general seo

Metadescripciones duplicadas en Blogger

La herramientas para webmaster de Google poseen una utilidad llamada Herramienta de mejoras HTML que expone los problemas registrados durante el análisis y rastreo de tu Blog en Google. Muchos Blogger se encuentran con el error de metadescripciones duplicadas y no saben en qué consiste o qué se puede hacer con él. Veamos qué es y porqué se produce este aviso en las herramientas para webmaster. ¿Qu ...

general seo

Cómo debe ser la estructura de un Blog para un correcto posicionamiento: SEO ON PAGE.

La estructura de un Blog es la base sobre la que se construye y distribuye todo su contenido. En ella existen dos partes fundamentales: una visible compuesta por los componentes que conforman su presentación y otra invisible que sirve para que los sistemas que acceden al mismo sean capaces de analizar y extraer correctamente su información. La correcta estructura de un Blog asegura una correcta ex ...