Creo que a estas alturas, si ya me conoces un poco, sabes de mi obsesin por

la esttica del blog. Uno de los puntos fundamentales es la claridad y

sencillez. Hay millones de blogs y an ms lectores por internet, por lo que la
demanda es muy superior a la oferta... Por eso, si uno de esos lectores cae por
casualidad en tu blog y su apariencia le incomoda, no se lo pensar dos veces
antes de abandonar la pgina.
1

En esta serie de artculos que he preparado, voy a centrarme en la apariencia

de nuestras entradas de cara al lector. Recuerda que son solo consejos
basados en mi experiencia y opinin personal, que puede no ser la tuya. No
tienes por qu aplicarlos si ves que no van con la idea que tienes de tu blog.

Como elegir el ttulo adecuado para tus

entradas
2

El ttulo es el resumen de tu entrada. Si tu visita no se siente atrado por l, a

no ser que sea un lector habitual, no se detendr a leerte. Internet est lleno
de informacin y los internautas van de un blog a otro con una facilidad
asombrosa. Quieren la informacin que buscan y la quieren ya.
No hay que descuidar este paso ya que es de vital importancia. Un ttulo debe
ser llamativo, captar su atencin, despertar su curiosidad y animarle a
leer.

Ahora estn muy de moda las listas. Por ejemplo: los 7 aspectos claves para
entender Twitter, haz tu propia tarta de manzana en 5 sencillos pasos, los 7
motivos por los que tu marca personal no es conocida... Y est comprobado
que las listas con nmeros impares despiertan ms inters que las de
nmeros pares. Tal vez sea por el tema de la psicologa, a tanto no llego.
Otra tctica muy usada es comenzar nuestro ttulo con: Cmo hacer tu
propio... , La mejor forma de...Cuando hacemos una bsqueda en internet,
generalmente buscamos la manera ms rpida, sencilla y clara de hacer
las cosas no? Pues es otro punto a tener muy en cuenta al seleccionar el ttulo
apropiado para nuestra entrada.
Sin olvidar las comparaciones de productos: Las ventajas de X frente a
Y, motivos para comprar X en vez de Y, por qu prefiero X y no Y...
Una combinacin de stas puede ser realmente impactante:
* Ejemplo:
7 motivos por los que es mejor hacer una tarta con X harina en vez de con la marca
Y
Mis 5 respuestas a por qu es mejor Blogger que Wordpress

No mentir. Esto es palabra de Dios. Ya hemos hablado de la importancia

del porcentaje de rebote para Google. El porcentaje de rebote no es otra cosa
que el nmero de visitas que encuentran alguna de nuestras entradas a travs
del buscador, empiezan a leer, se dan cuenta de que no es lo que buscaban y
se marchan sin terminar de leer la entrada. Pues eso Google lo tiene muy en
cuenta. Como hemos visto en el Curso de Herramientas SEO para Blogger, es
muy sencillo saber nuestro porcentaje de rebote con las herramientas que el
mismo Google nos ofrece.
Google tiene en cuenta los primeros 70 caracteres de nuestro ttulo para
mostrarlo en sus bsquedas, si nos excedemos, aparecer cortado. Y eso no es
lo que queremos verdad? As que hay que dedicar el tiempo que sea
necesario a optimizar nuestro ttulo para que quede tal y como queremos que
sea visto a travs del buscador.
Keywords. Ya sabes lo que es si has seguido alguno de mis tutoriales gratis
de SEO. Palabras clave. Si ya tienes tu blog un tiempo, seguro que ya has
elegido tus palabras clave, aquellas por la que quieres posicionarte en las
bsquedas. Intenta incluir al menos una de ellas en tu ttulo, si no puede
ser una genrica porque quede demasiado forzada (recuerda escribir para
personas, no para robots), intenta buscar algn sinnimo o grupo de palabras
que signifiquen algo parecido.
Tipo de letra. Utiliza un tipo de letra clara y legible. Las letras con
florituras pueden quedar muy monas para nosotros pero facilitan la lectura?
animan a la nueva visita a quedarse y seguir leyendo? Utilizar un tipo de letra
en maysculas, clara, que sea sencilla de leer, afecta positivamente al resto de
nuestra entrada. Puedes ver cmo cambiar el tipo de letra de tus ttulos para
darle un toque ms original en esta entrada sobre como instalar fuentes de
google fonts en blogger.
Adornos al principio y al final. Seguro que has visto varios blogs donde sus
entradas tienen al inicio un corazoncito, hoja de trbol, diamante... Es algo
original y estticamente no molesta ni incomoda al lector. Puedes usarlo
cuando ests escribiendo el ttulo de tu entrada en el editor, solo tienes que
usar la combinacin de teclas adecuada para poner el smbolo que prefieras
en la parte del ttulo elegida. Puedes ver algunos de los smbolos con su
correspondiente combinacin de teclas en la entrada como personalizar el
mensaje del formulario de comentarios en blogger.

Series de artculos. A veces, un tema da para mucho, por lo que es

aconsejable dividir la entrada en varios artculos ms pequeos. Recuerda que
los internautas disponen de poco tiempo y mucha informacin, por lo que
muchas veces es ms positivo centrarse en un solo tema y anunciar el
siguiente para otra entrada. Es aconsejable utilizar el mismo ttulo para
todas las entradas de la serie pero cmo evitar los ttulos duplicados?
Usa nmeros romanos, como he hecho yo en la serie de artculos sobre Cosas
que deberas saber antes de empezar tu Blog y en sta. Google lo reconocer
como ttulos independientes de artculos relacionados y tu lector tambin.
Ortografa. De vital importancia. Si iniciamos nuestra entrada con una falta
de ortografa en el ttulo, afectar negativamente al resto del artculo. Pasa el
corrector, en Blogger puedes encontrarlo en la pantalla de edicin de tu
entrada, a la izquierda, la uve verde con las letras ABC. Se marcarn en
amarillo las posibles faltas de ortografa. S, tendrs que invertir unos
minutos ms y escribir tu ttulo dentro del cuerpo de la entrada para que el
corrector lo reconozca (luego puedes borrarlo y devolverlo a su lugar original),
pero merece la pena. .
Estilo. Si en tu entrada usas un tono desenfadado y cercano, de amigos, el
ttulo debe ir acorde. Ten en cuenta que el ttulo y la entrada son un conjunto,
se deben complementar entre s. Usa la misma forma verbal y el mismo
estilo para mantener la uniformidad.
EXTRA: A travs de esta pgina puedes optimizar los caracteres de tu ttulo,
para asegurarte de que son los correctos y est optimizado para ser indexado
por Google.
Estos son mis pilares bsicos a la hora de elegir un buen ttulo, por
supuesto, como siempre, hay muchsimos ms. Puede que algunos de los que
yo uso no puedas aplicarlos a tu blog, es cuestin de probar y crear tu propia
lista de puntos principales.

redaccin, estilo y ortografa

Prrafos cortos. Muy importante. Escribe tu entrada de un tirn, tal y como

te venga a la cabeza. Deja que tu creatividad fluya libremente y explyate con
cada detalle. Deja reposar el escrito o la entrada... y vuelve a ella. Lela las
veces que haga falta y divdela en prrafos cortos, de tres a cinco lneas, sin
que pierda sentido. Es mucho ms sencillo de leer y tu lector te agradecer el
tiempo que inviertas en esta tarea.
Separa el grano de la paja. En pocas palabras, elimina todo el contenido
adicional que hayas aadido cuando estabas inspirado. Pule tu entrada hasta
que trate sobre el tema central que has escogido. Si crees que alguno de los
temas secundarios que has retirado es lo suficientemente importante y guarda
relacin con la entrada actual, mencinalo de pasada y programa otra entrada
para tratar ese tema. Adems de perfeccionar tu entrada del da, tendrs tema
para la siguiente.
Elige el tono que vas a usar y hazlo durante toda la entrada. Formal,
informal, cercano, desenfadado, analtico... Todo sirve. Pero es aconsejable ser
coherente para no despistar al lector. Recuerda que no son tus amigos de toda
la vida, esos que pillan tus indirectas a la primera y saben por dnde vas.
Haz listas originales como stas para amenizar la lectura. Esto ya lo hemos
hablado en otras entradas. Es importante dejar respirar al lector. No
amontones palabras en prrafos kilomtricos. Usa tablas como las que vimos
en esta entrada para dar color y dinamismo a la lectura, utiliza negritas,
cursivas, colores, intercala imgenes. Y, sobre todo, no olvides dejar prrafos
en blanco. Sobre todo si tus entradas tienen ms texto que fotos, como sta
que ests leyendo.
Cuida la ortografa. Recuerda que tus lectores no te oyen, te leen. No les
dejes ciegos! Lo tienes muy fcil, puedes usar el corrector de Blogger como
ya hemos visto. Una ortografa cuidada transmite seriedad y atencin en lo
que se hace. A veces, cuando escribimos con el mvil (yo me incluyo) nos
comemos las tildes y acortamos palabras... pero en el teclado del ordenador
no tenemos excusa.

En resumen, dedcale tiempo a la redaccin de tus entradas, cudalas y lelas

las veces que haga falta antes de darle a Publicar. Si eso conlleva que
publiques una vez a la semana, en vez de tres, no te agobies por ello, recuerda
la mxima ms importante en el mundo blogger (yo, al menos, la defiendo a
capa y espada):
6

Calidad sobre Cantidad

VIDEOS E IMGENES

Estoy segura de que si te preocupa el tema del diseo de entradas para

fidelizar a tus visitas y hacerles sentir cmodas en tu bitcora, habrs ledo mil
veces la tpica frase:
"Las entradas no se escriben, se disean"
Pues hemos llegado a un punto clave para el diseo de entradas. Las
fotografas y los vdeos.
Si hemos trabajado bien seleccionando un ttulo adecuado, sugerente, que
llame la atencin y hemos cuidado cada detalle del texto de nuestra entrada...
no podemos descuidar la esttica de nuestros elementos multimedia por nada
del mundo!
Hay millones de blogs en internet por lo que no es raro que muchos de ellos
ofrezcan un contenido similar al nuestro. Teniendo sto asumido... por qu
iban a leernos a nosotros y no a los dems?
El valor aadido que ofrezcamos en nuestros artculos juega un papel muy
importante que no debemos olvidar.
Consejos para que nuestras fotos llamen la atencin

Ntidas y de calidad. No podemos estropear una entrada perfecta con

una fotografa pixelada descargada de Google Imgenes. Una imagen grande,
clara, brillante, llamativa...despertar el inters de nuestras nuevas
visitas.

Nuestros lectores de siempre, aquellos con los que mantenemos una relacin
de "amistad" y con lo que hablamos en las redes sociales, leern nuestras
entradas, igual que nosotros leemos las suyas... Pero una nueva visita que
busca algo en particular, si se encuentra una imagen pequea, oscura,
pixelada... seguir buscando!

Adaptadas al ancho de nuestra entrada. Tanto si las centramos como

si las alineamos a la izquierda, tenemos que cuidar la armona entre la
fotografa y el texto.

Qu conseguimos con sto?

8

Apariencia ordenada.
Esttica cuidada.
Transmitir el cuidado que ponemos en redactar y disear nuestras entradas.
Cmo hacerlo?
Ya te cont como redimensionar vuestras fotografas sin perder calidad en
esta entrada:
*Recordar como redimensionar imgenes sin que pierdan calidad*
Pero antes necesitamos conocer el ancho de nuestra entrada, para que la
imagen encaje perfectamente. Vamos a ver cmo hacerlo de una forma muy
sencilla.

1.- Nos situamos en la pgina de Inicio de nuestro blog. Hacemos clic sobre
nuestra entrada con el botn derecho del ratn y seleccionamos: Inspeccionar
elemento.

2.- Nuestra entrada se marcar en azul y podremos ver directamente el ancho

de nuestra entrada, arriba a la derecha.
9

En mi caso es 730px.
3.- Tambin puedes verlo en la ventana de cdigo que se abre abajo,
buscamos:
<h3 class="post-title entry-title" itemprop="name">
Un par de lneas ms abajo, vers:
intemprop="articleBody"
Ese es el cuerpo de nuestro artculo, si te sitas justo en la lnea siguiente te
aparecer el dato de la imagen anterior.

Igual sucede con la ventanita de la derecha, en la pestaa Styles vemos todos

los estilos de nuestra entrada:

10

Bajando hasta abajo, encontramos la plantilla de nuestra entrada.

Y en la pestaa Computed vemos directamente nuestra plantilla y sus medidas:

Ahora no tienes excusa!! Ya conoces el ancho exacto de tus entradas para

poder adaptar el tamao de tus imgenes a la perfeccin.

11

Adaptar los videos de youtube

Ya sabes cul es el ancho de tus entradas por lo que adaptar los vdeos
de YouTube es mucho ms sencillo!
Ya no quedarn pequeitos en el centro de nuestras entradas, sino grandes y
bien visibles completamente adaptados a la esttica de nuestro blog.
Vamos a ver cmo adaptar las medidas de un vdeo de YouTube para insertarlo
en nuestro artculo.
1.- Buscamos el vdeo y pinchamos en Compartir, abajo a la derecha.

2.- Seleccionamos Insertar. Estas son mis opciones por defecto para compartir
vdeos.

12

3.- Escogemos Tamao Personalizado en el desplegable Tamao del Vdeo:

4.- Cuando escribamos el ancho, automticamente se cambiar el alto. Es una

facilidad que nos da YouTube para mantener la proporcin adecuada.

13

5.- Solo queda copiar el cdigo, pasar a HTML en nuestra entrada y pegarlo
donde queramos que aparezca.

Y voil! Nuestro vdeo perfectamente adaptado al ancho de nuestra entrada.

Si usas un tipo de letra justificado, en vez de alineado a la izquierda como yo,
se apreciar mucho ms la adaptacin que hemos hecho. Eso ya depende de
los gustos de cada uno.

OPTIMIZAR LOS TTULOS

No es otra cosa que esos pequeos detalles que hacen que la lectura de
nuestras entradas sea ms amena.
14

Ya hemos visto la importancia de usar un buen ttulo y cmo podemos

decorarlo con una imagen al principio del mismo:
Elegir el ttulo de mis entradas.
Poner un icono en el ttulo de mis entradas.
Empezaremos por resolver una duda de Nelebka. En la entrada en la que
hablamos sobre los iconos, ella preguntaba si era posible poner una imagen
diferente en cada ttulo. Es posible! Y vamos a ver cmo hacerlo de una
manera muy sencilla.

Cmo poner una imagen diferente en el ttulo de cada entrada del blog
1.- En la pantalla de edicin de nuestra entrada, situamos el cursor en la parte
del ttulo y aadimos delante el siguiente cdigo:
<img src="URL DE NUESTRO ICONO"/>
Necesitamos tener nuestra imagen subida a dropbox, picasa o similar, para
aadir el enlace a la misma donde te he indicado.
As:

2.- Escribimos el ttulo normal de nuestra entrada y si vamos a Vista Previa, el

resultado ser ste:

15

De esta manera tan sencilla, podemos poner el icono que queramos delante
del ttulo de cada una de nuestras entradas de forma independiente. Las
imgenes pueden ponerse en cualquier parte de tu ttulo, no tiene por qu ser
al principio.
Otra opcin para darle un toque original al ttulo es aadirle diferentes colores,
vamos a ver cmo hacerlo.

Cmo aadir diferentes colores al ttulo de

las entradas del blog
1.- En la pantalla de edicin de entradas, escribimos nuestro ttulo en la zona
donde ira el texto de la entrada.

2.- Le aplicamos en Vista Redaccin el formato que queramos.

16

3.- Pasamos a Vista HTML y copiamos el cdigo que aparece entre:

<div dir="ltr" style="text-align: left;" trbidi="on"> </div>
En mi caso sera.
Escribir <b><span style="color: #0c343d;">aqu </span></b>el <i><span
style="color: #e06666;">texto de la entrada</span></i> que queremos
<u><span style="color: #20124d;">colorear</span></u>
4.- Lo pegamos en el ttulo de nuestra entrada y en Vista Previa podemos ver el
resultado antes de guardar/publicar.

5.- Y listo! Ya tenemos un ttulo que llama la atencin por su originalidad y que
despertar la curiosidad de nuestras nuevas visitas.
Espero que te sea muy til. Ya me contars!

Tipos de letra
17

A estas alturas seguro que ya has asumido que si queremos ser ledos y que
nuestros lectores se sientan cmodos mientras leen nuestras entradas,
tenemos que esforzarnos por facilitarles el trabajo verdad? Es muy sencillo,
solo tenemos que ponernos en la piel del lector e intentar leer una de las
entradas de nuestro blog...
Vamos a hablar sobre algunos puntos que pueden ayudarnos a optimizar
nuestras entradas y hacer ms amena su lectura.
Te resulta sencillo seguir el hilo del post?
Distingues bien el color del texto?
El tipo de letra es el adecuado?
...
Si la respuesta a todas las preguntas que acabo de formularte es SI, creo que
no necesitas seguir leyendo. Pero si en alguna has dudado, voy a darte algunos
consejos, siempre basados en mi experiencia personal, para mantener tus
entradas legibles, limpias y entretenidas vale?

Texto oscuro sobre fondo blanco o muy claro.

Yo recomiendo siempre el fondo blanco, ya que da un aspecto ms limpio y

profesional. Pero no solo eso, sino que facilita la lectura. Es a lo que estamos
acostumbrados verdad? Solo tienes que mirar cualquiera de los libros que
tengas en casa. Pginas blancas y letras negras a qu s? Pues si quieres que
tus visitas lean tus entradas con la misma facilidad que leen un captulo de su
libro favorito pnselo igual de fcil!

Tipo de letra legible.

Empiezo con otra recomendacin: Open Sans. Es la que yo uso y la que instalo
en todos los blogs que diseo. Es clara, limpia y legible. Facilita la lectura y a un
tamao entre 14-18 pxeles es ideal para leer en pantalla.

Puedes ver los tipos de letra disponibles en Blogger en:

Plantilla >> Personalizar >> Avanzado

18

Otras fuentes muy claras que facilitan la lectura son, siempre desde mi punto
de vista:
Nobile

PT Sans Caption

19

Courier:
Suele quedar muy bien si buscamos un aspecto de texto mecanografiado.

Consolas

20

Josefin Slab
Muy fina y elegante pero para mejorar su lectura es recomendable subirla a 20
pxeles.

Hay muchsimas! Es cuestin de ir probando diferentes fuentes, tamaos y

colores. Pero teniendo siempre presente que escribimos para ser ledos, no
para que piensen: "uy! que letra ms bonita... pero no se entiende nada... qu
difcil es leer lo que pone!"
21

Porque hay otro tipo de letras muy chulas:

Calligraffitti

Dancing Script

Homemade Apple

22

Kranky

Lobster

23

Entre otras muchas que, aunque hay que reconocer que son monsimas y muy
originales, no facilitan para nada la lectura. Usndolas como texto principal de
nuestras entradas, solo conseguimos cansar la vista de nuestros lectores. Y si
encima usamos un color claro... apaga y vmonos!
Estos tipos de letra ms decorativos y originales podemos usarlos para los
ttulos de nuestras entradas, suelen ser ms breves y no queda tan recargado.
En esta entrada ya vimos cmo podemos instalar una fuente original para
el ttulo de nuestras entradas.
As que recuerda: Original y Diferente s. Complicado y Extravagante no.

Marcar lo importante

24

Hoy vamos a hablar de las negritas, cursivas y colores que usamos para
resaltar nuestros textos. No son solo elementos decorativos, como os
contar ahora, al menos no para m. Quiero que tengas siempre muy claro
que todo lo que te cuento en el blog no tiene por qu ser la Verdad
Absoluta. Solo comparto lo que he aprendido y estudiado, eso que a m me
funciona... Pero puede que en tu caso sea diferente.
Qu funciones desempean estos formatos en un artculo de nuestro
blog?
Marcan el contenido importante.
Diferencian el tema principal de los secundarios.
Mejoran la esttica.
Dan un aspecto ms cuidado y elaborado a nuestras entradas.
Ayudan a que el lector pueda escanear nuestro post y saber de qu va a
simple vista.
Son muy tiles para optimizar nuestro blog y mejorar su posicionamiento.

Entre otras muchas, pero stas son mis Bsicas, por llamarlas de alguna
manera. Voy a desarrollar estos puntos un poco ms con un ejemplo
prctico vale? Y ya t decides si quieres usarlas o no en tu blog.
Todos nuestros post tienen un tema principal. Puede ser tu ltima receta,
el gorrito de lana que has hecho para la hija de tu vecina o el ltimo blog
chulo que has descubierto. Pero claro, no puedes limitarte a escribir tres
lneas, poner dos fotos y ya. Entrada lista para publicar. A no ser que ya
tengas visitas recurrentes y gente a la que le guste realmente lo que
haces... hay que trabajar un poco ms nuestro contenido para que sea
de calidad.

Imagina que llega una nueva visita a tu blog y encuentra solo entradas en
las que pones:

"Este fin de semana he hecho tarta de manzana"

25

FOTO
"Estaba deliciosa, no han quedado ni las migas!"
FOTO
"Feliz comienzo de semana!!"

Sinceramente crees que con la cantidad de blogs que hay en internet

volver? Yo suelo huir de los blogs que tienen tan poco contenido, no me
cuentan nada nuevo... Y si encima el texto es plano... sin usar negritas,
colores o cursivas que me ayuden a seguir el hilo (en el caso de que haya
muuuucho texto)... pues ya s que no vuelvo nunca ms.
Una forma de optimizar la entrada anterior, adems de aadir la receta o
algn truco que haga esa tarta de manzana diferente o mejor que las otras
trescientas mil, por decir una cifra, que pueda encontrar por internet,
es marcando lo importante en negrita, por ejemplo:

"Este fin de semana he hecho una tarta de manzana especial con la

receta de mi abuela, la misma que lleva usando ella toda la vida pero
mejorada"
FOTO
"Gracias a mi ingrediente secreto, que puedes encontrar al final de esta
entrada para descargar junto a la receta completa y algunos
consejillos, la textura era muy cremosa no han quedado ni las migas!"
FOTO

"Ha sido una manera especial de terminar el fin de semana, con

una receta clsica pero diferente. Y lo mejor de todo es que la hemos
compartido con la abuela, que ha estado estos das con nosotros y le ha
encantado!"
"Te animas a probarla y me cuentas?"
26

Descargar Receta (enlace)

La cosa cambia verdad? Pero solamente lo importante! Las frases que

consideres claves y que quieras que despierten la curiosidad de tu nueva
visita e invitarla a volver. No vale poner prrafos enteros en negrita! Puede
resultar agotador intentar leer un artculo as.
Ahora vamos a analizar nuestro texto y a distinguir lo verdaderamente
importante de lo que tambin queremos marcar pero es secundario, es
decir, que complementa al tema principal pero no lo suficiente como para ir
en negrita.
"Este fin de semana he hecho una tarta de manzana especial con la receta
de mi abuela, la misma que lleva usando ella toda la vida pero mejorada"
FOTO
"Gracias a mi ingrediente secreto, que puedes encontrar al final de esta
entrada para descargar junto a la receta completa y algunos consejillos, la
textura era muy cremosa no han quedado ni las migas!"
FOTO
"Ha sido una manera especial de terminar el fin de semana, con una receta
clsica pero diferente. Y lo mejor de todo es que la hemos compartido con
la abuela, que ha estado estos das con nosotros y le ha encantado!"
"Te animas a probarla y me cuentas?"
Descargar Receta (enlace)

El tema secundario se marca en cursiva. Nuestra entrada ya va tomando

un aspecto mucho ms profesional y elaborado verdad?

27

Lo que hemos marcado en negrita es lo ms importante, queremos

transmitir que es una receta de la clsica tarta de manzana pero diferente,
ms especial, con un ingrediente secreto que la hace mucho ms cremosa.
Hemos dejado como secundario que la receta es de nuestra abuela, con la
que hemos pasado el fin de semana y que pueden descargarla al final de la
entrada.
Si te gustan los colores, puedes dar un toque de color a lo verdaderamente
importante, aquello que quieras que llame la atencin de la persona que te
est leyendo y le haga detenerse.
"Este fin de semana he hecho una tarta de manzana especial con la receta
de mi abuela, la misma que lleva usando ella toda la vida pero mejorada"
FOTO
"Gracias a mi ingrediente secreto, que puedes encontrar al final de esta
entrada para descargar junto a la receta completa y algunos consejillos, la
textura era muy cremosa no han quedado ni las migas!"
FOTO
"Ha sido una manera especial de terminar el fin de semana, con
una receta clsica pero diferente. Y lo mejor de todo es que la hemos
compartido con la abuela, que ha estado estos das con nosotros y le ha
encantado!"
"Te animas a probarla y me cuentas?"
Descargar Receta (enlace)

Hemos resaltado en color azul: especial, cremosa, clsica pero diferente.

Los tres puntos claves en los que nos apoyamos para diferenciar
nuestra receta de todas las dems. Pero sto, como te comentaba, no es
solo decorativo o para que nuestros lectores vean que mimamos cada
detalle... Tambin ayuda a nuestras visitas a escanear nuestras entradas.

Seamos sinceros. A m me encanta que entres a mi blog, leas mis entradas y

te quedes un ratito conmigo. Pero tambin s que nuestro da a da est
cargado de otras responsabilidades y obligaciones, adems de muchos
otros blogs que nos gustan. Por eso intento ir al grano en mis tutoriales,
esquematizarlos y aportar ejemplos prcticos o capturas de pantalla, para
que a simple vista sepas de qu te estoy hablando en esa entrada.
28

Pues cuando se trata de nuevas visitas, tenemos que esforzarnos ms an.

Si dedica media hora de su da a buscar nuevos blogs... tenemos que
conseguir que los tres minutos que dedique al nuestro, pueda "leer" varias
entradas para que se lleve una buena impresin y nos recuerde. Marcando
lo importante, secundario y puntos clave, podemos conseguirlo.
Y cmo puede ayudarnos en nuestro posicionamiento web para aparecer
en las bsquedas de Google?
Muy sencillo, ya tienes tus puntos claves, esos que marcan la diferencia de
tu receta, marcados en negrita. Los robots de Google, esos bichitos que
escanean nuestras entradas y las indexan... no las leen enteras! Y
empiezan de arriba hacia abajo y de izquierda a derecha, por lo que
tenemos que intentar que nuestra palabra clave, el tema principal de
nuestra entrada, aparezca lo ms cerca posible del ttulo. Marcado en
negrita y optimizado, es decir, usando <strong></strong> sustituyendo a
<b></b> en la Vista HTML de nuestro editor de entradas.
Marcaremos una palabra/frase clave en negrita usando strong y una
secundaria en cursiva, usando <em></em> sustituyendo el <i></i> que
Blogger usa por defecto para las itlicas. Solo una de cada, las ms cercanas
al ttulo y que mejor resuman el contenido de nuestra entrada. En el caso
del ejemplo sera:
<strong>tarta de manzana especial</strong>
<em>receta de mi abuela</em>
Si no sabes cmo marcar las frases claves principales y secundarias, tienes
mucha ms informacin sobre ello en esta entrada:
Optimizar las entradas del blog
Y ya tendramos nuestra entrada perfecta y optimizada lista para ser
publicada!! Si adems la acompaamos con unas buenas fotos, luminosas,
enfocadas y bonitas... xito asegurado!

Crear una galera de imgenes

29

Hoy vamos a ver la utilidad de las tablas para aadir fotos a nuestro blog. S,
podemos aadir fotos sin necesidad de hacer tablas en HTML, pero quedan
una debajo de la otra... qu pasa si queremos poner nuestras fotos en
horizontal?
As:

Iniciativa de Bloguer@s Fandanguer@s, puedes descargar tu fondo de escritorio

AQUI

Para conseguir poner las fotos de esa manera, he seguido los pasos para crear
tablas en HTML que ya vimos en esta entrada:
Tablas HTML en Blogger
Ahora vamos a aplicar lo que vimos ese da para crear la entrada
de Bloguer@s Fandanguer@s que he usado de ejemplo vale?

Para ello, vamos a vista HTML y abrimos nuestra tabla:

Cdigo:

30

<table>
<tbody>
<tr>
Ya est! Tabla abierta. Vamos a insertar nuestra primera imagen. Para ello
necesitamos haberla subido antes a Picassa, Dropbox o similar. Necesitamos la
URL de la foto para poder subirla dentro de nuestra tabla.

Empezamos con nuestra primera celda.

<table>
<tbody>
<tr>
<td></td>

Ya tenemos creada nuestra primera celda, vamos a aadir la imagen.

<img border="0" height="250" src="URL DE TU

IMAGEN" target="_blank" title="TITULO QUE APARECER AL PASAR EL
CURSOR" width="350" />
Border -> 0 Nuestra imagen no tendr ningn tipo de borde, si quieres
enmarcarla, puedes ver los tipos de bordes que puedes usar en esta entrada.
Height -> 250 Es el alto de nuestra imagen. La ma es de 250px, puedes variarlo
hasta que en Vista Previa quede tal y como quieres.
Target -> _blank Hace que se abra nuestra imagen en una pgina nueva
cuando pinchan sobre ella.
Width -> 350 Es el ancho de nuestra imagen. Como en el caso de height,
puedes adaptarlo a la medida que quieras.

31

Una vez modificado el cdigo, lo aadimos a nuestra celda, as:

<table>
<tbody>
<tr>
<td><img border="0" height="250" src="URL DE TU
IMAGEN" target="_blank" title="TITULO QUE APARECER AL PASAR EL
CURSOR" width="350" /></td>

Primera celda hecha. Vamos a por la segunda! Ser la imagen que

aparecer justo al lado de la que acabamos de aadir.

<table>
<tbody>
<tr>
<td><img border="0" height="250" src="URL DE TU
IMAGEN" target="_blank" title="TITULO QUE APARECER AL PASAR EL
CURSOR" width="350" /></td>
<td><img border="0" height="250" src="URL DE TU
IMAGEN" target="_blank" title="TITULO QUE APARECER AL PASAR EL
CURSOR" width="350" /></td>

Ya tenemos dos imgenes. Para poner fotos en horizontal en blogger, es

importante saber cul es el ancho exacto de nuestra entrada, si no sabes
cmo mirarlo, hablamos de ese tema en esta otra entrada.

Ahora que sabemos de cuanto espacio disponemos, adaptaremos nuestras

fotos a esa medida para que no se monten encima de nuestra barra lateral.
Vamos a por la segunda fila de nuestra tabla donde pondremos otras dos
imgenes.

32

Cerramos nuestra primera fila:

<table>
<tbody>
<tr>
<td><img border="0" height="250" src="URL DE TU
IMAGEN" target="_blank" title="TITULO QUE APARECER AL PASAR EL
CURSOR" width="350" /></td>
<td><img border="0" height="250" src="URL DE TU
IMAGEN" target="_blank" title="TITULO QUE APARECER AL PASAR EL
CURSOR" width="350" /></td>
</tr>

Y abrimos la segunda:

<table>
<tbody>
<tr>
<td><img border="0" height="250" src="URL DE TU
IMAGEN" target="_blank" title="TITULO QUE APARECER AL PASAR EL
CURSOR" width="350" /></td>
<td><img border="0" height="250" src="URL DE TU
IMAGEN" target="_blank" title="TITULO QUE APARECER AL PASAR EL
CURSOR" width="350" /></td>
</tr>
<tr>

Ahora hacemos exactamente lo mismo con las dos imgenes siguientes:

<table>
<tbody>
<tr>
<td><img border="0" height="250" src="URL DE TU
IMAGEN" target="_blank" title="TITULO QUE APARECER AL PASAR EL
CURSOR" width="350" /></td>
<td><img border="0" height="250" src="URL DE TU
IMAGEN" target="_blank" title="TITULO QUE APARECER AL PASAR EL
CURSOR" width="350" /></td>

33

</tr>
<tr>
<td><img border="0" height="250" src="URL DE TU
IMAGEN" target="_blank" title="TITULO QUE APARECER AL PASAR EL
CURSOR" width="350" /></td>
<td><img border="0" height="250" src="URL DE TU
IMAGEN" target="_blank" title="TITULO QUE APARECER AL PASAR EL
CURSOR" width="350" /></td>

Y cerramos nuestra segunda fila:

<table>
<tbody>
<tr>
<td><img border="0" height="250" src="URL DE TU
IMAGEN" target="_blank" title="TITULO QUE APARECER AL PASAR EL
CURSOR" width="350" /></td>
<td><img border="0" height="250" src="URL DE TU
IMAGEN" target="_blank" title="TITULO QUE APARECER AL PASAR EL
CURSOR" width="350" /></td>
</tr>
<tr>
<td><img border="0" height="250" src="URL DE TU
IMAGEN" target="_blank" title="TITULO QUE APARECER AL PASAR EL
CURSOR" width="350" /></td>
<td><img border="0" height="250" src="URL DE TU
IMAGEN" target="_blank" title="TITULO QUE APARECER AL PASAR EL
CURSOR" width="350" /></td>
</tr>

Antes de comprobar que todo est correcto en Vista Previa, para evitar
que Blogger nos cierre la tabla donde le de la gana, cerramos nuestra tabla:

<table>
<tbody>
<tr>
<td><img border="0" height="250" src="URL DE TU
IMAGEN" target="_blank" title="TITULO QUE APARECER AL PASAR EL
CURSOR" width="350" /></td>

34

<td><img border="0" height="250" src="URL DE TU

IMAGEN" target="_blank" title="TITULO QUE APARECER AL PASAR EL
CURSOR" width="350" /></td>
</tr>
<tr>
<td><img border="0" height="250" src="URL DE TU
IMAGEN" target="_blank" title="TITULO QUE APARECER AL PASAR EL
CURSOR" width="350" /></td>
<td><img border="0" height="250" src="URL DE TU
IMAGEN" target="_blank" title="TITULO QUE APARECER AL PASAR EL
CURSOR" width="350" /></td>
</tr>
</tbody>
</table>

Pinchamos en Vista Previa:

Conseguido!!

Hemos creado en unos minutos nuestra primera tabla de imgenes para

mostrar en horizontal las fotos que queramos. As queda mucho ms
organizado verdad?
Puedes aadir todas las filas y celdas que quieras, tal y como hemos visto. E ir
aadiendo todas tus imgenes con el mismo formato.
35

Tal y como est nuestra tabla, al pinchar sobre las imgenes, stas se
abrirn en grande, pero no nos llevarn a ninguna pgina.

Cmo aadimos un enlace? Muy sencillo. Si pinchas sobre cualquiera de las

imgenes de la entrada que estoy usando como ejemplo, puedes ver que se
abren los diferentes blogs de las blogueras que han participado en la iniciativa
verdad? Vamos a ver que cdigo necesitamos.
Cdigo:
<a href="URL DE LA WEB QUE QUEREMOS ENLAZAR"
target="_blank">CODIGO DE LA IMAGEN</a>

Y lo aplicaremos a cada una de nuestras imgenes, quedar as:

<table>
<tbody>
<tr>
<td><a href="URL DE LA WEB QUE QUEREMOS ENLAZAR"
target="_blank"><img border="0" height="250" src="URL DE TU
IMAGEN" target="_blank" title="TITULO QUE APARECER AL PASAR EL
CURSOR" width="350" /></a></td>
<td><a href="URL DE LA WEB QUE QUEREMOS ENLAZAR"
target="_blank"><img border="0" height="250" src="URL DE TU
IMAGEN" target="_blank" title="TITULO QUE APARECER AL PASAR EL
CURSOR" width="350" /></a></td>
</tr>
<tr>
<td><a href="URL DE LA WEB QUE QUEREMOS ENLAZAR"
target="_blank"><img border="0" height="250" src="URL DE TU
IMAGEN" target="_blank" title="TITULO QUE APARECER AL PASAR EL
CURSOR" width="350" /></a></td>
<td><a href="URL DE LA WEB QUE QUEREMOS ENLAZAR"
target="_blank"><img border="0" height="250" src="URL DE TU
IMAGEN" target="_blank" title="TITULO QUE APARECER AL PASAR EL
CURSOR" width="350" /></a></td>

</tr>
</tbody>
</table>

36

Hemos creado nuestra primera galera de imgenes con enlaces

externos o internos!!

Llamadas a la accin

37

Hoy vamos a ver la importancia de las llamadas a la accin en sitios

estratgicos de nuestras entradas. Una llamada a la accin no es otra cosa
que invitar a nuestros lectores a hacer algo. Ese algo puede ser, desde
compartir nuestra entrada en las redes sociales, hasta seguirnos en facebook,
rellenar un formulario o apuntarse a nuestro boletn de noticias.
Si te has fijado en mis entradas, al inicio de cada una de ellas aparece la opcin
de compartirlas en facebook y twitter. En la serie de entradas sobre Como ser tu
propio Community Manager, veremos la importancia de estos botones en
profundidad, pero de momento quiero decir que cada nuevo enlace que generas
en las redes sociales, posiciona mejor tu blog en Google.
El contenido de calidad, que es lo ms valorado actualmente, es aqul que ms
se comparte. Por tanto, si tu entrada es muy compartida, para Google ser
sinnimo de calidad.
En mi caso, las llamadas a la accin ms importantes son:

Suscribirse al boletn de noticias.

Seguir / Compartir en redes sociales.

Rellenar formularios de opinin, cursos, etc...

Una persona que ha ledo tu entrada completamente y ha quedado contenta

con los conocimientos que has compartido, se suscribir feliz a tu boletn para
recibir contenido interesante directamente en su email o se suscribir
fcilmente a tus redes sociales para no perderse nada.
Pero, para ello, antes debes de haberte ganado su confianza con tu artculo
y demostrarle qu tienes contenido de inters que ofrecerle.

Y la mejor manera de animarles a actuar... es decrselo. S, as de simple. Habla

con ellos, pdeles que si les gusta tu entrada la compartan en tus redes sociales y que
si no quieren perderse nada, se suscriban a tus actualizaciones. S sincera y directa,
si sienten que eres transparente y honesta, confiarn en ti y no les costar nada
regalarte un par de clics ms a cambio de lo que acaban de leer.
38

No olvides colocar tus iconos de redes sociales al final de cada entrada con
una invitacin amable a seguirte, un enlace para que se suscriban a tus
actualizaciones y los botones para compartir en redes sociales. Es una
manera sencilla de conectar con tu comunidad y conocerlos un poco mejor.

RECUERDA:

Texto cuidado y optimizado, facilitando la lectura siempre.

Prrafos cortos, ortografa cuidada, palabras importantes
marcadas para facilitar el escaneo.
Ttulos optimizados y que llamen la atencin, originales y
diferentes.
Imgenes y Videos optimizados y adaptados a la esttica de tus
entradas.
Presentacin cuidada de tus imgenes, usando tablas.
No olvides las llamadas a la accin al final de tus entradas, para
crear una comunidad activa en torno a tu blog.

Espero que mi experiencia pueda serte til y ayudarte a disear las

entradas de tu blog. Si piensas en tus lectores antes que en ti, seguro que
lo consigues!

Muchas gracias por tu confianza,

Celia