Xauen
Xi
Verificación en dos pasos activada
Verificado por Whatsapp
¡Usuario popular!
Seguramente en más de una ocasión os hayáis encontrado con todo tipo de blogs realizados en Blogger, pero que presentan sus respectivos títulos antes del título del blog en cuestión. Si por ejemplo, buscásemos la frase de "primeros pasos en blogger" podríamos ver un sencillo ejemplo en el que se muestra esta circunstancia, como podéis ver en la propia imagen que se adjunta a continuación.
Imagen 1- Ejemplo en el que se muestra el título de una entrada, antes del título del Blog con Blogger.
Esta posibilidad es beneficiosa a nivel de SEO. Por eso, es un aspecto que deberíamos tener muy en cuenta en cuanto a nuestros blogs creados en Blogger.
En este tutorial, veremos de manera sencilla cómo podemos hacerlo en nuestros blogs.
¿Cuáles son los pasos a seguir?
# Iremos a blogger.com para iniciar sesión con la cuenta que tengamos
Posteriormente, veremos que nos irán apareciendo un conjunto de blogs de nuestra propiedad. Por lo tanto, accederemos a aquel en el que queramos efectuar los cambios con respecto a lo indicado en este tutorial.
Imagen 2 - Accediendo a nuestro perfil de Blogger
# Buscamos plantilla en el menú de "mis blogs"
Entre la sucesión de opciones que nos aparecerán, daremos clic sobre plantilla
Imagen 3 - Localización de plantilla en el panel de Blogger
#4 Comenzaremos a editar el código HTML de nuestra plantilla
Para ello, como ya estaremos en plantilla, pulsamos donde nos aparece Editar HTML
# Imagen 4 - Localizando dónde se encuentra la opción de "Editar HTML" en el panel de Blogger
#5 Haciendo cambios en el código
Una vez que hayamos pulsado en Editar HTML, se nos abrirá un interfaz (editor de texto) en el que podremos realizar los cambios necesarios. Para hacer estos cambios, sencillamente haremos uso de Ctrl + F para abrir un cuadro de búsqueda, y en dicho cuadro, escribiremos el siguiente código para buscarlo:
Imagen 5 - Descripción de cómo utilizar el cuadro de búsqueda en el panel de Blogger
#6 Localizando el código para sus posteriores cambios
Si hemos realizado cada uno de los pasos anteriores, veremos algo parecido a lo que muestro en la siguiente captura de pantalla.
Imagen 6 - Ejemplo de lo que veremos en nuestra plantilla
#7 Sustituyendo el código por este nuevo
Simplemente, tendremos que cambiar el código anterior por el siguiente:
Imagen 7 - Ya tendremos nuestros títulos, antes del título del Blog.
#8 Guardaremos los cambios y tendremos que esperar un poco de tiempo para que apliquen.
Una vez que guardemos los cambios en la plantilla, se verán los cambios en cuestión de un tiempo (por favor, sean pacientes, tarda un poco).
Imagen 8 - Guardando los cambios y esperando
Finalmente, tendremos los títulos justo antes del título de nuestro Blog en Blogger, favoreciendo el posicionamiento web de nuestros artículos.
Si te resultó útil, recuerda que un me agrada no cuesta nada y me motiva a proseguir compartiendo conocimientos.
Si tienes cualquier duda, intentaré responderla a la mayor brevedad posible.
Imagen 1- Ejemplo en el que se muestra el título de una entrada, antes del título del Blog con Blogger.
Esta posibilidad es beneficiosa a nivel de SEO. Por eso, es un aspecto que deberíamos tener muy en cuenta en cuanto a nuestros blogs creados en Blogger.
En este tutorial, veremos de manera sencilla cómo podemos hacerlo en nuestros blogs.
¿Cuáles son los pasos a seguir?
# Iremos a blogger.com para iniciar sesión con la cuenta que tengamos
Posteriormente, veremos que nos irán apareciendo un conjunto de blogs de nuestra propiedad. Por lo tanto, accederemos a aquel en el que queramos efectuar los cambios con respecto a lo indicado en este tutorial.
Imagen 2 - Accediendo a nuestro perfil de Blogger
# Buscamos plantilla en el menú de "mis blogs"
Entre la sucesión de opciones que nos aparecerán, daremos clic sobre plantilla
Imagen 3 - Localización de plantilla en el panel de Blogger
#4 Comenzaremos a editar el código HTML de nuestra plantilla
Para ello, como ya estaremos en plantilla, pulsamos donde nos aparece Editar HTML
# Imagen 4 - Localizando dónde se encuentra la opción de "Editar HTML" en el panel de Blogger
#5 Haciendo cambios en el código
Una vez que hayamos pulsado en Editar HTML, se nos abrirá un interfaz (editor de texto) en el que podremos realizar los cambios necesarios. Para hacer estos cambios, sencillamente haremos uso de Ctrl + F para abrir un cuadro de búsqueda, y en dicho cuadro, escribiremos el siguiente código para buscarlo:
HTML:
<Data: blog.pageTitle />Imagen 5 - Descripción de cómo utilizar el cuadro de búsqueda en el panel de Blogger
#6 Localizando el código para sus posteriores cambios
Si hemos realizado cada uno de los pasos anteriores, veremos algo parecido a lo que muestro en la siguiente captura de pantalla.
Imagen 6 - Ejemplo de lo que veremos en nuestra plantilla
#7 Sustituyendo el código por este nuevo
Simplemente, tendremos que cambiar el código anterior por el siguiente:
HTML:
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>Imagen 7 - Ya tendremos nuestros títulos, antes del título del Blog.
#8 Guardaremos los cambios y tendremos que esperar un poco de tiempo para que apliquen.
Una vez que guardemos los cambios en la plantilla, se verán los cambios en cuestión de un tiempo (por favor, sean pacientes, tarda un poco).
Imagen 8 - Guardando los cambios y esperando
Finalmente, tendremos los títulos justo antes del título de nuestro Blog en Blogger, favoreciendo el posicionamiento web de nuestros artículos.
Si te resultó útil, recuerda que un me agrada no cuesta nada y me motiva a proseguir compartiendo conocimientos.
Si tienes cualquier duda, intentaré responderla a la mayor brevedad posible.
Última edición:
