Vicio Blogger

https://kraken.io/web-interface

2022-03-13T08:29:00.001-07:00

Crea una aplicación de tu blog para Chrome fácil

2014-11-12T12:35:00.000-08:00

¡Qué tal compis! luego de un mes (y un día) de inactividad en el blog, retomamos hoy el vicio de ser blogger con una entrada interesante y a la vez útil para todos nosotros quienes tenemos un sitio web, ya sea con Blogger, WordPress o cualquier otro CMS o plataforma utilizada.

Se trata de crear una aplicación de nuestro blog, para luego publicarla en la tienda de Google Chrome más conocida como la "Chrome Web Store", además nos servirá para promocionarla en nuestro sitio y que los lectores la instalen en sus navegadores.

¿Suena interesante cierto? pues lo mejor de todo es que no será necesario que tengas conocimientos de programación, ya que el procedimiento es muy sencillo y lo único que precisas es un logo de 128x128, lo demás es pan comido... vamos al lío =)

Creando una aplicación del blog para Chrome

Aclarar primeramente que esta aplicación al igual que la mayoría existentes en la tienda, cumplirá la función de ser un enlace que llevará al usuario a visitar nuestro sitio. Teniendo en cuenta que Google Chrome es uno de los navegadores más utilizados, contar con una extensión/aplicación de nuestro blog, representa una gran ventaja que sin duda alguna mejorará la imagen de tu página ;)

PASO 1. Crea una carpeta en el escritorio (o donde prefieras) y ponle el nombre de tu blog.

PASO 2. En esa carpeta crea un archivo de texto con el bloc de notas y cambia el nombre por manifest.json asegúrate de cambiar la extensión .txt por .json

PASO 3. Abre con el bloc de notas ese archivo y pega en él lo siguiente:

{
"manifest_version": 2,
"name": "VicioBlogger.com",
"description": "Descripción de tu blog hasta 132 caracteres",
"version": "1.0",
"icons": {
"128": "128.png"
},
"app": {
"urls": [
"http://www.vicioblogger.com/"
],
"launch": {
"web_url": "http://www.vicioblogger.com/"
}
},
"permissions": [ "unlimitedStorage", "notifications"]
}

Reemplaza lo que está en negrita por el nombre de tu blog, su descripción y la URL. Guarda los cambios para que quede como en la siguiente captura.

PASO 4. En la carpeta coloca un logo con formato o extensión .png es importante que sus dimensiones sean de 128x128 px y el nombre 128.png

Con todo esto ya tienes lista tu aplicación :D

Probando la aplicación en Chrome

PASO 1. Ve al menú de extensiones directamente a través de chrome://extensions/

PASO 2. Habilita la opción "Modo de desarrollador"

PASO 3. Haz clic en el botón "cargar extensión descomprimida" y selecciona la carpeta que has creado anteriormente.

PASO 4. De inmediato verás la aplicación habilitada y lista para su funcionamiento.

PASO 5. Visita la página de Aplicaciones chrome://apps/ y comprueba tu aplicación.

Notarás que te llevará a tu blog, si es así, ya tienes todo listo. Pero, ¿cómo divulgarla?

Publicar tu aplicación en Chrome Web Store

Hemos visto que crear la aplicación ha sido muy sencillo y funciona de manera correcta, por lo que nos resta publicar nuestra aplicación en la tienda de Chrome.

1. Comprime la carpeta en formato .zip
2. Accede al 'Panel del programador'
3. Carga el archivo comprimido y haz clic en el botón subir.
4. Rellena la información de tu aplicación, carga un icono y más.
5. Los demás pasos son intuitivos ;-)

Requisitos para publicar tu aplicación

Pagar una sola vez US$5.00 en concepto de registro del programador para verificar tu cuenta y poder publicar elementos.
Tu blog debe estar verificado en Google Webmaster Tools

Una vez cumplido con lo anterior, tu aplicación estará disponible para todos los usuarios y podrás subir cuántas aplicaciones quieras y modificarlas en cualquier momento.

¡Eso es todo! espero que te haya gustado esta información, en una próxima entrada veremos cómo promocionarla en nuestro blog si no contamos con dinero para publicarla en la tienda de Chrome.

Abrir links que no son del blog en pestañas automáticamente

2014-10-11T13:04:00.000-07:00

Hay diversos factores que ocasionan la pérdida de tráfico web, entre ellos puedo citar una difícil navegación por nuestras páginas, un diseño soso y no responsivo, contenido pobre sin calidad y el tiempo de carga lenta de nuestro sitio. A veces por falta de conocimiento o descuido, no tomamos en cuenta esto y notamos que nuestro blog se queda estancado, las visitas no aumentan más al contrario disminuyen, los ingresos son muy bajos o nulos, todo de mal en peor...

Aunado a todo lo anterior, hay un pequeño pero gran detalle que en ocasiones olvidamos: "abrir vínculos en una ventana nueva". Si bien el panel de edición de Blogger nos permite esa opción, hay un truco útil que hace que todos los links externos se abran automáticamente en nuevas pestañas, esto quiere decir que si enlazamos a otro sitio, de manera automática este enlace se abra en una nueva pestaña sin tener que agregar manualmente el respectivo código target="_blank".

Este truco por cierto también funcionará con nuestros antiguos links sin importar donde estén (header, body, footer, sidebar), pues funciona de manera automática ;-)

¿Qué beneficios otorga?

Los visitantes no abandonarán nuestro sitio, pues al hacer clic en un link éste se abrirá en una nueva pestaña y no dentro de la misma.
Todos los vínculos que no pertenezcan a nuestro blog (externos), serán abierto automáticamente en una nueva pestaña.
Facilitará la navegación al visitante.

¡Manos a la obra!

Paso 1: Ve al panel de tu blog en > Plantilla > Editar HTML.

Paso 2: Haz clic dentro de la plantilla y presiona Ctrl+F para abrir el buscador interno. Busca el cierre de la etiqueta </head>

Haz clic en la imagen para ampliarla

Y pega encima de ella el siguiente código:

Guarda los cambios y eso es todo. Ahora puedes comprobar cómo los vínculos que no pertenecen a tu blog, se abren automáticamente en nuevas pestañas. ¿Te resultó útil? No dudes en compartirlo o dejar un comentario :D

22 Consejos para no ser baneado de AdSense

2014-10-08T09:17:00.001-07:00

Google AdSense es la mejor empresa de publicidad CPC (coste por clic) que más paga, por lo que si ya te aceptaron como editor de AdSense (seguro no te fue fácil), será mejor que cuides celosamente tu cuenta como si de tu propia salud se tratará, pues un pequeño error que cometas será suficiente para que te la cancelen y nada podrás hacer para recuperarla.

Pero no todo depende de ti, hay factores ajenos a tu responsabilidad que juegan un papel importante para un baneo (expulsión), por lo que es importante que sepas qué es lo que puedes hacer y qué no, diferenciar entre lo permitido y lo prohibido.

Si ya leíste los términos y condiciones, a continuación te daré una serie de consejos para complementar esa información y así evites la cancelación de tu cuenta AdSense.

Tips para evitar un baneo de AdSense

No hagas clics en tus propios anuncios, ni por "error". Aún así estés en un cibercafé, usando un proxy, una IP distinta y otro sistema operativo. Créeme, AdSense es más listo que tú y se dará cuenta.
Jamás pidas a tus amigos, familiares o conocidos, que hagan clic en tus anuncios Es más, si puedes evita contarles que tienes un blog y ganas dinero con la publicidad, ya que ellos por "ayudarte" darán varios clics -quizás diarios- y te perjudicarán en vez de colaborarte.
No coloques tus anuncios en sitios que no son tuyos, si alguien te propone un intercambio para repartirse las ganancias fifty-fifty, probablemente estarás cometiendo un gran error, más aún si no tienes el control de administración del sitio.
No insertes tus anuncios en sitios con material para adultos, descargas piratas (warez), contenido ilegal y con copyright, apuestas, drogas, violencia, entre otros que no están permitidos.
Está prohibido enlazar a páginas con material pornográfico o contenido ilegal que violen las políticas de AdSense.
No camufles tus anuncios, apegados a una imagen por ejemplo o que parezca parte del contenido.
No pongas como título: 'Haz clic para ayudarme', '¿Me ayudas con 1 clic?' o algo que fomente a clicar en tus anuncios. Lo correcto es escribir "Anuncios" o "Patrocinados".
Nunca, pero nunca, pongas un anuncio como pop-up o ventana flotante.
No insertes tus anuncios en páginas sin contenido, como páginas en construcción por ejemplo, error 404, formularios de contacto o entradas con apenas una imagen.
Recuerda que puedes poner un máximo de 3 anuncios (imagen/texto) por página y 2 de enlaces.
Jamás compres tráfico, hay foros donde puedes comprar tráfico, lo cual es sinónimo de visitas y posibles clics en tus anuncios. Está técnica BlackHat es ilegal y prohibida.
Huye del software que automatizan clics en tus anuncios.
No está permitido colocar tus anuncios en un email y enviarlos.
No modifiques el código de tus anuncios, lo que sí puedes hacer es cambiarles el color desde tu mismo panel o alinearlos con HTML o CSS.
Puedes colocar tus anuncios en un nuevo sitio que tengas, no necesitas previa aprobación, siempre y cuando claro, este cumpla con las reglas y requisitos de contenido y usabilidad del diseño para el visitante.
Hay bloggers quienes proponen organizarse para realizar clics de manera periódica en los anuncios de los demás miembros, tarde o temprano AdSense se dará cuenta de este engaño, así que no aceptes.
Está prohibido tener más de una cuenta de AdSense.
Plagiar contenido está prohibido, bien sabemos que escribir una nueva entrada en ocasiones es difícil por falta de tiempo, pero jamás se te ocurra copiar y pegar los artículos de otro sitio en tu blog.
El exceso de palabras clave en un artículo puede perjudicarte, no sólo en cuanto a posicionamiento, sino en AdSense. Aunque haya keywords mejor pagadas, no las repitas a menudo, usa sinónimos.
Evita ser una "granja de enlaces", esto quiere decir que no te dediques a vender enlaces, intercambiarlos en el blogroll o vender reseñas de otros sitios en tu blog.
No llenes tu blog de anunciantes, todos queremos ganar más dinero y un error que muchos cometen, es registrarse en otras empresas de publicidad y colocar anuncios hasta en el favicon :D Lo ideal sería tener AdSense y como complemento una empresa de publicidad en texto, como Infolinks, HotWords o Kontextua. No más.
Si vas a registrarte a un foro de bloggers o webmasters, como ForoBeta, Foro20 o ForoBlackHat, sabrás que hay categorías donde puedes presentar tu blog, colocarlo en tu firma de usuario o en tu perfil. Ten en cuenta que siempre habrán usuarios malintencionados, los cuales harán clics con mala fe en tus anuncios para que cancelen tu cuenta de AdSense, yo he visto muchos casos, así que mi recomendación es que evites hacer público tu blog.

Es mejor prevenir que lamentar, sigue estos consejos y el sentido común para saber qué está bien hacer y qué no. Aunque no percibas muchas ganancias, saber que lo que ganas lo haces de manera legal es satisfactorio y con el tiempo se evoluciona y desde luego aumentan los ingresos.

[Si aún no eres editor de AdSense, lee estos consejos para ser aceptado en AdSense]

Consejos de AdSense: Diferentes formas de actividad no válida

(Activar los subtítulos para español)

Más información: Políticas del programa AdSense

Consejos para ser aceptado en AdSense en el primer intento

2014-10-06T13:01:00.000-07:00

Quienes tenemos un blog disfrutamos de cada palabra que escribimos, cada nueva entrada es como una obra de arte hecha con mucha pasión y el poder expresarse libremente, compartir y ayudar al mismo tiempo, son satisfacciones únicas que sólo un blogger puede experimentar.

Pero eso no es todo, lo mejor es que se puede ganar dinero escribiendo sobre lo que nos gusta, y la empresa de publicidad que más paga bien sabemos que es Google AdSense, si le pones mucho trabajo y dedicación, puede llegar a ser tu principal fuente de ingresos; es una realidad de muchos que viven de manera cómoda, económicamente hablando, gracias a sus blogs.

Si aún no te aceptaron o vas a solicitar tu cuenta por primera vez, presta mucha atención a los siguientes consejos. ¡A mi me rechazaron 2 veces en mi primer blog! lo que me llevó a la experiencia, entender qué errores no se deben cometer, qué mejorar y comprender los requisitos que tu blog debe cumplir para ser aceptado como editor en el primer intento.

Cómo ser aprobado por AdSense a la primera

¡OJO! No se necesita tener un blog con muchas visitas, considero que Google AdSense toma en cuenta dos factores: diseño y buen contenido, esto es; seriedad en la apariencia de tu blog y artículos bien escritos publicados de manera constante. Ante todo ser mayor de edad desde luego :D

1. El diseño es 'el rey'

Menos es más, con esto quiero decir que mientras menos elementos (gadgets, artilugios, entradas en la página principal), tu blog lucirá más limpio y las probabilidades de que seas aceptado por AdSense jugarán a tu favor.

La apariencia es la carta de presentación, olvídate de usar las plantillas predefenidas de Blogger, no están optimizadas para lucir como un blog serio. Descarga plantillas profesionales, hay excelentes gratuitas y de preferencia que sea con fondos blancos y letras negras, a lo clásico pues :)
Importante, el diseño de la plantilla debe ser responsive, es decir que se adapte al tamaño de la pantalla de los diversos dispositivos.
"Crea tu propio logo", no se necesita ser un experto en Photoshop, puedes descargar iconos, mascotas o imágenes gratuitas, y simplemente ponerle un texto con una bonita fuente. Saca tu lado creativo y si deseas ponerle un eslogan mejor.
"Crea tu propio favicon", el favicon es el pequeño icono que vemos junto al título del blog en la pestaña del navegador, generalmente su dimensión es de 16x16, te recomiendo utilizar esta herramienta online para generarlo.
"No pongas demasiadas etiquetas", es caótico ver un blog con una lista interminable de categorías y visualmente es muy molesto. Colocarlas en forma de menú desplegable es una solución.
"Quita el blogroll", o al menos no recomiendes muchos sitios, es mal visto por Google.
"Elimina gadgets innecesarios", nada de relojes, reproductores de música, radios, animaciones, imágenes o pop-ups que saltan en un dos por tres. Un buscador interno, una caja de suscripción, etiquetas y archivos del blog son más que suficientes.
"Coloca botones de redes sociales".
"Organiza tu menú" con las categorías más importantes.
"No muestres tantas entradas" en la página principal, dependiendo de tu diseño/plantilla puedes configurar 5 por ejemplo. Más entradas afectan al tiempo de carga del blog.
Si tienes otra publicidad quítala, al menos temporalmente mientras AdSense revisa tu sitio.

Páginas indispensables

"Mapa del sitio", esto es muy importante, dará un orden del contenido que presenta tu blog y créeme que a Google AdSense le gusta que cuentes con esto en tu blog.
"Formulario de contacto", no como gadget sino como página que se mostrará en el menú, para crear uno te recomiendo Foxyform, es gratuito y en español.
"Política de Privacidad", puedes generarla aquí..
"Acerca de", que es la clásica información del autor, quién es y qué encontrará el visitante en el blog.

2. El contenido es 'la reina'

No cualquier temática es aceptada por AdSense, el material pornográfico, la piratería informática, las descargas ilegales, el contenido violento, el lenguaje inapropiado, la venta de productos falsificados y cualquier otro contenido que infrinja los derechos de autor o actividad ilegal son algunos ejemplos. Puedes ver aquí las políticas del programa AdSense.

Teniendo en cuenta esto y dado por sobreentendido que tus artículos son originales (no plagiados), copio un fragmento de la respuesta que me dieron en mi primer rechazo y paso luego a explicar a detalle:

Si desea participar en AdSense, el sitio debe
tener suficiente contenido de texto para que nuestros especialistas puedan
revisarlo y para que nuestros rastreadores puedan identificar anuncios
relevantes y mostrarlos en sus páginas. Le recomendamos que incluya frases
y párrafos más completos en el sitio. Es necesario que el sitio web ya
esté disponible y en funcionamiento, y que permita a los usuarios visitar
el sitio con un menú, un mapa de sitio o enlaces adecuados. Una vez que la
mayor parte de su sitio esté completo y funcione, estaremos encantados de
reconsiderar su solicitud.

El anterior texto se resume en falta de contenido, mis artículos en aquel entonces tenían entre 50-100 palabras, y a pesar que ya tenía 20 entradas publicadas, el detalle residía en la longitud. En este caso vemos que a AdSense le importa más la calidad que la cantidad.

Por lo que recomiendo antes de enviar la solicitud, tener artículos con un mínimo de 500 palabras, cada uno con imágenes (no más de 3) y tener ya publicadas al menos 10-15 entradas. Evitando el exceso de palabras clave en los artículos.

Hay que considerar que los anuncios que aparecerán en nuestro sitio, estarán basados en el texto que escribimos, ahí está la clave de tener un buen contenido y la importancia de este, de ahí parte la exigencia de párrafos más completos por parte de AdSense.

Recomendaciones finales

IMPORTANTE: Tomando en cuenta que la seriedad es necesaria para los negocios, es vital que dejes el subdominio ".blogspot.com" y hagas una pequeña inversión para comprar tu dominio propio (.com preferiblemente). Yo te recomiendo registrar en Name.com, allí tengo todos mis dominios y uso el cupón PRIVACYPLEASE para tener el whois (privacidad de los datos del registrante) siempre gratis =).

No olvides que todo se resume en una buena estructura del sitio, que ofrezca una fácil navegación para los visitantes desde cualquier dispositivo, y que contenga contenido con una buena longitud de palabras, útil y original.

Siguiendo estas buenas prácticas estarás listo para solicitar ser editor de AdSense, espero que logres hacerlo en el primer intento ;-)

Efecto color arco iris en los enlaces de Blogger

2014-09-15T20:13:00.000-07:00

A todos nos gusta personalizar nuestro blog hasta el más mínimo detalle, para darle ese toque especial que distingue a cada bloguero y lo hace único. Si es tu caso, en este post te presento una interesante alternativa para que tu sitio luzca más llamativo y sobre todo; colorido ;-)

Con el uso del conocido efecto "mouse hover", que se visualiza cuando pasamos el cursor sobre un enlace, podemos hacer que los links cambien de color al puro estilo del arco iris, ayudando a los visitantes distinguir un enlace detrás de un texto.

Es muy fácil de implementar y no será necesario tocar la plantilla, bastará con agregar un código JavaScript en un nuevo gadget. Por cierto comentarles que tendrá hasta 7 colores diferentes, se trata de un efecto muy fresco. ¿Lo quieres? Vamos al lío.

Efecto arco iris en los enlaces

Ve al panel de Blogger > Diseño
Agregar un gadget > HTML/JavaScript
Pegan en él lo siguiente:

<script src="https://dl.dropboxusercontent.com/u/70359132/links-arcoiris.js" type="text/javascript"></script>

Haz un clic en el botón guardar diseño y listo, recarga tu blog para ver los cambios.

A continuación puedes ver un enlace con este efecto en acción.

Link con efecto arco iris

¿Te gustó? Entonces a qué esperas para colocarlo en tu blog =)

Cómo escribir en dos o mas columnas en una entrada

2014-09-12T08:56:00.000-07:00

Una de los inconvenientes que tenemos nosotros los usuarios de Blogger, es que el editor de entradas es muy limitado en cuanto a funcionalidades se refiere, por ejemplo, no contamos con la posibilidad de dividir texto en columnas de forma nativa, por lo que nos vemos en la necesidad de hacer uso de códigos externos para cumplir con ese cometido. ¿Cómo se hace? Es muy fácil y te lo explico ;-)

A continuación veremos dos maneras de hacerlo, toma en cuenta que si vas a un publicar un texto extenso, escribir en columnas es una muy buena opción para que el post no luzca demasiado largo y aburra al lector con simplemente verlo.

Texto en 2 columnas - Método I

Entra en modo HTML en la entrada y pega allí el siguiente código:

<div style="float: left; width: 45%;">
<div style="text-align: justify;">
TEXTO A LA IZQUIERDA
</div>
</div>
<div style="float: right; width: 45%;">
<div style="text-align: justify;">
TEXTO A LA DERECHA
</div>

Donde está resaltado deberás escribir el texto para que se alinee a la izquierda y derecha respectivamente. Se verá como en el siguiente ejemplo:

En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda.

El resto della concluían sayo de velarte, calzas de velludo para las fiestas, con sus pantuflos de lo mesmo, y los días de entresemana se honraba con su vellorí de lo más fino. Tenía en su casa una ama que pasaba de los cuarenta, y una sobrina que no llegaba a los veinte, y un mozo de campo y plaza, que así ensillaba el rocín como tomaba la podadera.

Texto en 2 columnas - Método II

Haremos uso de tablas para que se vea más estilizado con bordes, como siempre entra en modo HTML en la entrada y pega allí el siguiente código:

<table width="100%" border="0" cellspacing="10" cellpadding="10">
<tr>
<td><div align="justify">PRIMERA COLUMNA</div></td>
<td><div align="justify">SEGUNDA COLUMNA</div></td>
</tr>
</table>

Texto en 3 columnas o más

Si lo que necesitas es colocar varias columnas de texto, usando el anterior código de las tablas podrás hacerlo fácilmente siguiendo el siguiente ejemplo:

<table width="100%" border="0" cellspacing="10" cellpadding="10">
<tr>
<td><div align="justify">PRIMERA COLUMNA</div></td>
<td><div align="justify">SEGUNDA COLUMNA</div></td>
<td><div align="justify">TERCERA COLUMNA</div></td>
</tr>
</table>

Frisaba la edad de nuestro hidalgo con los cincuenta años; era de complexión recia, seco de carnes, enjuto de rostro, gran madrugador y amigo de la caza. Quieren decir que tenía el sobrenombre de Quijada, o Quesada, que en esto hay alguna diferencia en los autores que deste caso escriben; aunque, por conjeturas verosímiles, se deja entender que se llamaba Quejana.

Agrega la línea <td><div align="justify">AQUI EL TEXTO</div></td> para la cantidad de columnas que quieras y ésta deberá estar antes del cierre </tr>.

¿Es muy fácil cierto? Si te resultó útil no dudes en regalarme un +1, me gusta, compartir o tuit =)

Premio Dardos, el reconocimiento al trabajo del Blogger

2014-09-09T18:49:00.000-07:00

¡Hola amig@s! En esta entrada haremos una pausa de los trucos y tutoriales, para hablar de una genial iniciativa que desde hace unos días se está expandiendo por la blogosfera, se trata del premio Dardos, el cual consiste en nominar a aquellos Bloggers distinguiéndolos por su trabajo y el esfuerzo del día a día en administrar sus blogs.

En ese sentido, tengo el grato honor de ser reconocido por +isabel soberanis y +Karmen P, a quienes por cierto agradezco enormemente no sólo por la nominación, el premio, sino también por el gran apoyo de siempre y desde luego invito a visitar sus blogs ;-)

El objetivo del premio Dardos

La idea es apoyarnos entre todos los bloggers, valorar el trabajo de los colegas, logrando demostrar así la hermandad de la blogosfera. No cabe duda que hay buenas vibras detrás de todo este movimiento de amistad y cariño entre blogs,

Para otorgar el premio se debe nominar a 15 blogueros, enlazando sus sitios con estos dardos virtuales cargados de aprecio. Dado que he recibido el premio, paso también a nominar a los compis.

+isabel soberanis con Líneas de Mabel
+Karmen P con Bucles Informáticos
+Cristina Pernas García con Mujer después de los 40
+Soledad Suarez con De luces y sombras
+Lireth's Notebook con Lireth's NoteBook
+Pedro PC con Te interesa Saber
+Juanjo Ortiz con El cajón de Grisom
+Jonathan Lozano con Novedad Blogger
+Graciela Marta Alfonso con Hilo de Ariadna Grace
+Lumy Quint con Lumy con sentimientos
+Gerardo torres con Seo Código
+Rubén Alonso con Mi Posicionamiento Web
+Accionglobal kike con AcciónglobalXSoft
+Ana I. Sanso con Cuentos de Hadas suburbanas
+Susana fadón con Suxana Le Blog

¿Se ve interesante cierto? Pues los invito a sumarse a esta iniciativa y nominar a sus bloggers favoritos, hagamos que la blogosfera hispana crezca =)

SEO en las imágenes de Blogger ¿Cómo optimizarlas?

2014-09-03T08:00:00.000-07:00

Cuando los motores de búsqueda empiezan a indexar las entradas de tu blog, no sólo se centran en lo que escribes, sino que además buscan información relevante que pueda ser útil para sus usuarios, parte de esa información incluye elementos como las etiquetas, backlinks e imágenes.

Además de ilustrar el contenido de un post, las imágenes que publicamos son de gran importancia para atraer visitas desde los buscadores (Google imágenes), siempre y cuando las optimicemos correctamente, logrando así aumentar el tráfico hacia tu blog y posibles suscriptores ;-) De ahi la palabra 'SEO', que sencillamente significa optimización en buscadores.

Aún así hay muchos bloggers que cometen el error de cargar una imagen y publicarla, sin considerar que no basta con eso, hay que seguir ciertos parámetros de optimización, que por cierto son muy fáciles de aplicar y no cuesta absolutamente nada ponerlos en práctica.

Pero como nosotros no somos de esos bloggers, vamos a sacarles ventaja con los siguientes tips que les compartiré y así mejorar nuestra experiencia en el blogging =)

1. Nombre de la imagen

En este punto nos referimos concretamente al nombre del archivo, Google y los demás buscadores toman en cuenta esto a la hora de posicionarla. Presta mucha atención a los siguientes ejemplos.

Supongamos que vas a subir una imagen de un "perro salchicha".

✘ MALO: Descargarla de Google y subirla tal cual está.

- Tu imagen pasará a ser una más del montón, pues tiene el mismo nombre que en otros sitios y la probabilidad de que alguien te encuentre y visite a través de esta vía es muy escasa.

- Quizás la imagen tenga el nombre 025392387.jpg ¿Cómo sabrá google que la imagen es de un perro salchicha con ese nombre?

✔ BUENO: Modificarla y optimizarla.

- Renombrarla por una palabra clave es lo idóneo, esto significa que debe llevar el nombre de lo que quieres posicionar, por ejemplo:

perro-salchicha.jpg

- Breve y específico.
- Siempre las palabras separadas por un guión medio (-)

✘✘ MUY MALO: Enlazar directamente la imagen a través de su URL de origen en vez de cargarla.

Esta práctica se llama Hot-linking y es pésima, pues se está usando el ancho de banda del sitio del cual la imagen está enlazada. Significa un costo y perjuicio para el propietario. ¡Nunca lo hagas!

2. Tamaño de la imagen

Nos referimos al peso, mientras más liviana mejor, pero siempre manteniendo la calidad. El tiempo de carga de un blog es muy importante, las imágenes juegan un papel relevante en ese sentido.

- Comprime la imagen hasta equilibrar entre peso y calidad. RIOT es un gran software gratuito.
- Reduce sus dimensiones, con esto disminuirá también su peso.

3. Formato de la imagen

- Si vas a subir fotografías, el formato recomendado es el .JPG / JPEG

- Si vas a subir capturas de pantalla (screenshots), .PNG es lo ideal.

4. Atributos Title y Alt

Haciendo clic sobre la imagen accedes a la opción de las propiedades, donde se definen estos importantes atributos de Título (title) y Alt (alternativo).

- En texto del título, es lo que se muestra al usuario cuando pasa el cursor sobre la imagen.
- En texto alt, es lo que se muestra al buscador.

El primero es opcional, pero el segundo es obligatorio, está pensado para ser leído en caso de que la imagen no esté disponible, ya sea por fallos de conexión o problemas de visualización en el dispositivo utilizado, así como también para personas con deficiencia visual.

Como se muestra en la anterior captura, en el atributo del título describimos la imagen, mientras que en el atributo alt utilizamos la palabra clave "perro salchicha" para informar de qué va la imagen.

Internamente en el código HTML se representan así:

<img src="perro-salchicha.jpg" alt="perro salchicha hot dog" title="Perro salchicha disfrazado de hot dog" />

En el título piensa en escribir para el lector, en el alt para el buscador. No pongas en ambos lo mismo.

5. Leyenda

Aquí no hay mucho que decir, como sabemos la leyenda es el texto que aparece bajo la imagen, al pie y se utiliza para complementar la información de la imagen. Da un aspecto más profesional ;)

6. Originalidad :)

No hace falta ser un experto en diseño gráfico, con un toque de creatividad puedes lograr imágenes más llamativas y únicas que pueden llegar a sobresalir ante las demás en el buscador y por sobre todo agradar a los lectores. Sí, toma más trabajo, pero los resultados valdrán la pena.

¡Es tu turno! ¿Conocías esta buena práctica? ¿La aplicas en tu blog?

Cómo ocultar un gadget en Blogger facilísimo

2014-08-27T14:46:00.000-07:00

Puede que en alguna ocasión necesites implementar un gadget y quieras que este sea visible únicamente por ti, es decir, solo por el administrador del blog y no por los visitantes. Esto puede resultar bastante útil por ejemplo, si vas a colocar un contador de visitas/estadísticas o cualquier otro elemento con un contenido de asunto privado.

Pues hay un pequeño pero gran truco que te permitirá ocultar un gadget en Blogger de manera sencilla y rápida, tanto de la página principal/entradas/páginas internas.. es decir, oculto completamente del blog y visible solo por ti; para cuando estés logueado obviamente ;-)

Pasos para esconder un gadget

Luego de haber agregado el gadget, lo primero es identificar el nombre/título que le hemos asignado. En el ejemplo de la imagen anterior, lo nombré "Secret =)".

1.- Entramos al panel de Blogger > Plantilla > Editar HTML

2.- Hacemos clic dentro y presionamos la combinación de teclas Ctrl+F para abrir el buscador y escribimos el nombre del gadget a ocultar, "Secret =)" en este caso.

La línea de código encontrada será similar a la siguiente:

<b:widget id='HTML2' locked='false' title='Secret =)' type='HTML'>

Clic para ampliar

3.- Haz clic donde señalan las flechas para expandir el gadget, el código completo del mismo será:

<b:widget id='HTML2' locked='false' title='Secret =)' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

4.- Debajo de <b:includable id='main'> pega lo siguiente:

<span class='item-control blog-admin'>

Y antes del cierre de </b:includable> pega lo siguiente para cerrar:

</span>

¡Eso es todo! El resultado final quedaría así:

<b:widget id='HTML2' locked='false' title='Secret =)' type='HTML'>
<b:includable id='main'>
<span class='item-control blog-admin'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</span>
</b:includable>
</b:widget>

Cómo verás el método es muy fácil, simplemente buscas el gadget y le agregas 2 líneas de código =)

Guarda los cambios realizados, abre otro navegador o una nueva ventana de incógnito y comprueba que el gadget ahora no es visible para los lectores, pero sí para ti como administrador ;-)

Sitemap avanzado para Blogger

2014-08-24T14:39:00.000-07:00

Si bien recuerdan, en una entrada anterior les compartía un método sencillo para agregar un índice en Blogger, o lo que vendría a ser lo mismo; una tabla de contenido o sitemap. Como ya habíamos comentado entonces, es de gran importancia contar con este elemento en nuestro blog, para así organizar el contenido y ofrecer al lector una muestra de todas nuestras entradas en una sola página.

Para complementar aquella información, hoy voy enseñarles otra manera de añadir un sitemap en Blogger, de igual manera fácil de implementar, pero con la gran diferencia de que este no se limitará únicamente a mostrar entradas, sino permitir al visitante ordenarlas por nuevas o actualizadas, filtrar por etiquetas (categorías) y por último, usando un buscador si así lo prefiere.

En la siguiente imagen se ilustra una vista previa de cómo se visualizará.

Poner un sitemap avanzado en Blogger

Paso 1.- Ve al panel y crea una nueva página, entra en modo HTML

Paso 2.- En su interior pega el siguiente código:

<div id="table-outer">
<table><tbody>
<tr><td><label>Ordenar entradas por : </label></td><td><select id="orderFeedBy"><option selected="" value="published">Nuevas</option><option value="updated">Actualizadas</option></select></td></tr>
<tr><td><label>Filtrar por etiquetas : </label></td><td><span id="labelSorter"><select disabled=""><option selected="">Cargando...</option></select></span></td></tr>
<tr><td><label>Buscar por palabra clave : </label></td><td><form id="postSearcher">
<input type="text" /></form>
</td></tr>
</tbody></table>
</div>
<header id="resultDesc"></header>
<ul id="feedContainer"></ul>
<div id="feedNav">
Cargando entradas...</div>
<script src="https://dl.dropboxusercontent.com/u/70359132/0Bxyf5AC_ilPwNFhjdFdDcnlseHM(OK)" type="text/javascript"></script>

Finalmente haz clic en el botón Publicar para guardar los cambios y eso será todo. Copia la URL de tu nueva página sitemap y colócalo donde quieras ;-)

¿Te gustó? Dale un vistazo al demo y coméntanos cuál sitemap te gusta más: ¿simple o avanzado?

Agregar etiquetas desplegables en Blogger fácil

2014-08-22T14:22:00.000-07:00

¿Ya agregaste el gadget de etiquetas en tu blog? Seguro que sí y te ha quedado muy guapo, pero nosotros los usuarios de Blogger con el tiempo nos topamos con un pequeño inconveniente, pues resulta que mientras mas entradas tenemos, la lista de etiquetas va creciendo y este gadget se vuelve tan largo que dificultad la visibilidad de nuestra sidebar (barra de gadgets) para el lector y en cierto modo también afecta a el tiempo de carga de nuestro querido blog.

Como una solución -temporal- podrías seleccionar algunas etiquetas para mostrar, las más relevantes, ¿pero y las demás? obviamente no queremos que el visitante se pierda el conocer todo nuestro contenido, así que propongo en este post modificar el gadget de etiquetas al puro estilo de WordPress; en forma de menú desplegable y que muestre el total de entradas por etiquetas.

El resultado de la optimización se muestra en la siguiente imagen, con el antes y el después.

Etiquetas estilo desplegable

¿Quieres implementarlo? Es muy fácil, sin más preámbulos veamos los pasos a seguir. No olvides hacer una copia de seguridad de tu plantilla previamente.

Etiquetas desplegables en Blogger

Paso 1.- Ve al panel de diseño y agrega el gadget de etiquetas si aún no lo has hecho.

Paso 2.- Hecho lo anterior dirígete al menú de Plantilla > Editar HTML. Pulsa la combinación de teclas Ctrl+F para buscar en el editor la palabra Etiquetas. Ojo que si le has cambiado el nombre a este gadget debes buscarlo por el que le has asignado.

Paso 3.- ¿La has encontrado? Perfecto, observa que se encuentra en la siguiente línea de código:

<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'>

Es probable que el ID Label1 lo tengas como Label2, Label3...dependiendo de la cantidad de gadgets que tengas. También el título (title) "Etiquetas" con otro nombre, si lo has cambiado como bien lo mencioné en el paso 2.

Código del gadget Etiquetas

Simplemente selecciona toda esa línea que corresponde al gadget de etiquetas y bórrala (no la expandas). En su lugar pega el siguiente código:

<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Elige una etiqueta</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Nota.- Cambia el Label1 por el número de label de tu gadget, opcionalmente puedes cambiar también la frase "Elige una etiqueta" por la que gustes.

¡Eso es todo! Antes de guardar los cambios, haz una vista previa y si todo está correcto ya tendrás tu gadget de etiquetas desplegable más ordenado y limpio visualmente hablando.

Como un demo te invito a ver el mio, está en la barra lateral y si te gustó no dudes en colocarlo de esta manera en tu blog, que sin duda será favorable en todo sentido tanto para ti como para tus visitas ;-)

Agregar índice en Blogger en un santiamén

2014-08-21T19:26:00.000-07:00

¡Hola a todos! Hoy quiero comentarles sobre una sección muy importante y hasta indispensable para un blog, se trata del Índice, que por cierto también se lo conoce como Sitemap (mapa del sitio) o tabla de contenido, yo prefiero llamarlo "índice", para no complicarme y evitar confusiones.

Pero ¿qué es un índice y para qué sirve? Al igual que en un libro, el índice permite organizar el contenido, mostrando un resumen de todo lo que encontraremos. Siguiendo esa analogía, en un blog, sirve para mostrar el título de todas nuestras publicaciones en una sola página, con el estilo de una tabla (de ahí el nombre de tabla de contenidos).

Con esto se logra que el visitante, pueda acceder a una vista previa de todas nuestras entradas y pueda buscar lo que necesita, mientras le echa un vistazo a todo lo que tenemos para ofrecerle. Como una imagen vale más que mil palabras, en la siguiente captura les muestro cómo luce aquí en el blog.

Índice en Blogger

¿Bonito y organizado cierto? Pues la idea es esa, como notarán ahí la he publicado con el nombre de 'Sitemap', esto porque a Google le gusta que se llame así y a toda la blogósfera en general. Para efectos de SEO (posicionamiento en buscadores) es importante contar con esto en nuestro blog.

Hay varios estilos para estas tablas de contenido, pero a mi me gusta este porque es más limpio visualmente y bien estructurado, además que al pasar el cursor por el título de una entrada se muestra un pequeño resumen del contenido de la misma. ¡Te enseño cómo agregarlo a tu blog!

Sitemap para Blogger

Crea una pagina nueva, colócale el título de Sitemap y haz clic en el apartado HTML.

Pega allí el siguiente código:

En las opciones de configuración de la página (está a la derecha), opcionalmente puedes desactivar la posibilidad de comentarios, eligiendo: "No permitir, ocultar los existentes".

¡Haz clic en publicar y listo!

Con eso ya tienes tu sitemap agregado, visualízalo y si todo salió bien, copia su enlace y colócalo donde quieras. Para que sea más visible, te recomiendo que sea en el menú primario o secundario, caso contrario en un enlace de tu sidebar como blogroll (o lista de enlaces) a través de un gadget.

Personalizando el Sitemap

Vamos a darle un poco de estilo para mejorarlo según nuestros gustos y el color de nuestra plantilla. Dirígete a la configuración de tu plantilla > Personalizar.

Accederás al Diseñador de plantillas de Blogger, allí haz clic en Opciones avanzadas > Agregar CSS

Dentro de esa caja pega lo siguiente:

#bp_toc {
border: 0px solid #000000;
background: #ffffff;
padding: 5px;
width:500px;
margin-top:10px;
}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {
background: #ffd595;
color: #000000;
padding-left: 5px;
width:250px;
}
.toc-header-col2 {
width:75px;
}
.toc-header-col3 {
width:125px;
}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {
font-size:80%;
text-decoration:none;
}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
font-size:80%;
text-decoration:underline;
}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
padding-left: 5px;
font-size:70%;
}

Haz clic en el botón Aplicar al blog y con eso habrás modificado el estilo. Si tienes conocimiento de CSS puedes modificar el fondo, tamaño y los colores, por ejemplo cambiando el color del fondo del header (resaltado en color rojo) por otro color utilizando estas herramientas selectores de colores.

Aclarar que este script fue desarrollado por Beautiful Beta, yo le hice unas pequeñas modificaciones de traducción a nuestro idioma únicamente.

¡Ah! Si quieres ver mi Sitemap en vivo y directo, aquí está y en el menú superior ;-)

Cómo indexar una entrada en minutos

2014-08-16T18:55:00.001-07:00

¡Muy buenas! En una publicación anterior les compartía un buen truco que acostumbro utilizar para indexar un blog nuevo sin tener que esperar las morosas visitas de las arañas de Google, pues relacionado a esto, hoy quiero revelar otros de mis secretillos mejor guardados para Bloggers; indexar rápido una entrada. Lo mejor de todo es que no te tomará ni un minuto en hacerlo.

Esto será de utilidad para quienes hayan creado un blog recientemente y sus entradas no aparecen en Google ni escribiendo el título exacto (entre comillas), o simplemente para los que quieran que su contenido sea rápidamente indexado. Sin más preámbulo, vamos al lío pues.

Indexar un post en minutos

Es requisito indispensable que te hayas registrado en las "Herramientas para webmasters de Google", es gratis y sólo necesitas de tu cuenta de Gmail con la que administras tu blog. Si aún no lo has hecho y desconoces de qué se trata, te recomiendo leer el gran tutorial de Webmaster tools que escribió mi colega +Rubén Alonso, es idónea para principiantes ;-)

¿Ya te registraste? Perfecto, continuemos con lo que nos interesa.

Paso 1.- Accede al panel de tu blog en Webmaster Tools y en la parte izquierda navega por la ruta de Rastreo > Explorar como Google.

Paso 2.- En el panel central verás lo siguiente, la dirección de tu blog con un espacio y 2 botones, Obtener - Obtener y Procesar.

Clic en la imagen para ampliar

Pues en esa caja pega la URL de tu entrada que acabas de publicar, pero con el formato año/mes/título. Un ejemplo con esta misma entrada sería:

Paso 3.- Haz clic en el botón 'Obtener' y pasará a procesarse como se ve en la siguiente captura.

Clic para ampliar la imagen

Nuevamente clic en "Enviar al índice" y en el método de envío elige "Rastrear solo esta URL".

Un clic final en el botón Ir y eso es todo. El estado cambiará ahora a "URL enviada al índice".

A modo de ejemplo puedes ver la primera imagen, este mismo post se indexó en 4 minutos aproximadamente, puede que haya sido menos tiempo, porque tuve que volver a borrador, capturar pantalla, editarla y subirla, demoré algunos minutos más...

Sobre el truco de indexación rápida

Si nos fijamos en la imagen de método de envío, nos dice lo siguiente:

Google indexará el contenido de la página en ese momento

Esto significa que lo hará al instante que lo envíes al índice, toma en cuenta que eligiendo la opción 'rastrear solo esta URL' tienes 500 envíos mensuales, es decir puedes enviar 500 entradas por mes, una buena cantidad de sobra, ya que nadie escribe 500 artículos al mes ¿o sí?

Como verás el proceso es simple pero eficiente, te invito a probarlo en tu próxima entrada y comentes tu experiencia. ¡Ah! Si te gustó el truco no dudes en dalre al +1, like, compartir o twittear =)

Cómo indexar un blog nuevo en minutos (Google)

2014-08-13T18:10:00.000-07:00

Si ya tienes tu blog al 100% y listo para lanzarlo al éxito, quizás pienses que para que aparezca en las páginas de Google, nada más hay que ir a http://www.google.com/addurl para ingresar tu URL, crear un sitemap y con eso ya basta, pero no, si bien ese es el método tradicional y relativamente funciona, demora mucho tiempo y no hay garantía de que sí vayas a aparecer, como bien lo dice ahí mismo.

Entonces, ¿qué hacer para una rápida indexación? yo utilizo un método distinto con las tres "B" de bueno, bonito y barato (gratis), el cual hoy voy a compartir junto a otras recomendaciones personales para que todo salga correctamente y lo mejor de todo es que será en cuestión de pocos minutos, tal cual reza el título de esta entrada. ¡Manos a la obra!

Indexando rápidamente en Google

Paso 1.- Visita el planificador de palabras claves de Google AdWords e inicia sesión, regístrate si no tienes cuenta todavía, que es gratuito para el uso que le daremos.

Paso 2.- Accederás al panel de herramientas y en el apartado para 'Encontrar palabras clave nuevas', haz clic en la opción "Buscar palabras clave nuevas mediante una frase, sitio web o categoría".

Paso 3.- Se desplegará un formulario donde simplemente debes escribir la dirección de tu blog (URL) en el campo "Su página de destino" y en el apartado "Su producto o servicio" escribe una o varias palabra clave de tu blog, es importante que éstas se encuentren en tu contenido.

Olvídate de los demás campos y finalmente haz clic en el botón Obtener ideas.

Lo que hacemos con esta técnica, es en cierto modo "forzar" a Google para que visite nuestro blog y sepa de su existencia, pues al darse cuenta que es un sitio nuevo, lo indexará al instante.

Importante: Es requisito indispensable que tengas contenido, es decir, entradas ya publicadas.

¿Tiene lógica cierto?

Recomendaciones personales:

Google Plus al ser la red social del todopoderoso Google, le presta más atención que a Facebook y Twitter, por ende toma en cuenta la cantidad de +1 que tienen los artículos de los bloggers para posicionarlos mejor. Esto quiere decir que si una entrada tiene muchos +1, las arañas de Google entienden que se trata de un buen contenido, que gusta a los lectores y va por encima de otros.

Aprovechando esto, nosotros utilizaremos ese potencial para lograr una rápida indexación, para ello haz lo siguiente:

Coloca un botón de Google Plus (+1) en el home de tu blog.
Publica en tu perfil de Google Plus la URL de tu Blog, dale +1 y pide a tus seguidores y amigos que te ayuden regalándote un 'masuno' también ;-)
Únete a las comunidades en Google Plus, donde intercambian +1, te recomiendo unirte a Promociona Tu Blog, es la mejor de todas y allí haz lo mismo, presenta tu blog para conseguir los 'plusone' (no hagas spam).
Únete a las grandes comunidades donde hayan miles de usuarios, de temáticas de pensamientos, reflexiones, paisajes, imágenes bonitas y similares. Allí publica una imagen llamativa relacionada a la temática que comparten los demás usuarios, pero ojo, en la descripción coloca la URL de tu blog. De este modo, los +1 que reciba tu imagen, irán automáticamente hacia tu blog. Es una técnica para pillines jeje :D

Siguiendo el método y las recomendaciones personales, ten por seguro que tu blog en cuestión de 15 minutos aproximadamente sí aparecerá en Google. Yo lo he hecho con este blog en cuanto publiqué mis primeras 2 entradas.

Para comprobar su estado en Google, escribe el siguiente comando:

site:www.urldetublog.com

Reemplaza la URL por la de tu blog, no importa si es .blogspot.com igual funcionará.

¡Eso es todo! Ya que he hablado sobre los +1, ¿me regalas uno? :D

Dónde descargar plantillas para Blogger gratis

2014-08-12T11:44:00.002-07:00

Sin lugar a dudas las dos decisiones más difíciles al momento de crear un blog, pasan por elegir un buen nombre de dominio y una buena plantilla como Dios manda. Si se trata de plantillas, el error que muchos usuarios cometen, es quedarse con las plantillas predefinidas que Blogger nos ofrece, pero no es que estas sean malas del todo, la realidad es que son muy simples y poco usables, por ello es conveniente buscar algo más trabajado y que nos sea más útil ;-)

Pero ojo, a la hora de buscar plantillas para Blogger, hay que seguir ciertos estándares que sirven como punto de referencia, porque puede que te encuentres con un buen diseño 'visual' pero que internamente esté obsoleto y no se adapte al avance de la tecnología.

Entonces, ¿qué aspectos tener en cuenta al elegir plantillas?, lo resumo a continuación:

Diseño Responsive: O "responsivo" en español, significa que tu blog se adaptará a la resolución de pantalla de cualquier dispositivo, ya sea tablets, smartphones, equipos portátiles, computadoras de escritorio y otros de donde seas visitado. ¡Indispensable hoy en día!
SEO optimizado: Plantilla diseñada para posicionarse en buscadores (Google principalmente).
Velocidad de carga: con un buen rendimiento de la plantilla, tu blog cargará rápido.
Etiquetas de títulos personalizadas: estas son las famosas etiquetas h1, h2, h3, h4 que corresponden a los títulos, encabezados, subtítulos y subencabezados.
Un diseño bonito y limpio :)

Esos serían los puntos básicos, pero sobre todo, piensa en el lector, en el visitante, quien será el que lea tus entradas y visite tus páginas, este debe sentirse cómodo y tener una fácil navegación.

Plantillas gratis calidad premium

Comparto una lista de mis sitios favoritos donde siempre acudo para buscar plantillas para Blogger, las cuales cumplen con los requisitos anteriormente mencionados, hay cientos así que tómate tu tiempo, con certeza hallarás más de una que te agrade :D

Recuerda tener uno varios blogs de pruebas, donde cargues las plantillas que más te gusten y así veas cómo quedaría en tu blog antes de hacer modificaciones oficiales.

Recomendaciones:

Descarga plantillas siempre desde la página oficial de su autor, así te aseguras que esté libre de código malicioso o modificaciones que te vayan a perjudicar.
No sobrecargues el blog con tantos gadgets y cosas inútiles. Un reloj, un reproductor de música (no todos tienen el mismo gusto que tú), una camarita en la esquina, son cosas innecesarias y ralentizan perjudicialmente tu blog.
Sé moderado con las dimensiones, un header de media pantalla no mola.
Evita las fuentes personalizadas y coloridas
Evita usar los colores y fondos oscuros (negros), opta por lo blanco que es más legible.
Sigue el ejemplo de diseño de los blogs populares.

Este listado lo seguiré actualizando, además en próximas entradas publicaré aquellas plantillas que personalmente recomiendo y que estén muy bien optimizadas, si no estás suscrito(a) este es un buen momento para hacerlo ;)

Anatomia de tu blog en Blogger.com

2014-08-08T19:17:00.000-07:00

¿Ya creaste tu blog y elegiste un buen nombre de dominio? Perfecto, llegó la hora de conocer a nuestro bebé recién nacido antes de poder vestirle con lindos ropajes, con esta analogía quiero decir que antes de elegir una plantilla, es importante conocer cómo está estructurado nuestro blog.

Todo Blogger constantemente necesitará hacer cambios en su sitio, por lo que un requisito indispensable es conocer la estructura interna del blog, saber cómo está conformado el diseño, cómo es la plantilla y donde está cada cosa y siempre por su nombre. Es probable que al principio todo esto te parezca confuso si estás dando tus primeros pasos, pero no te preocupes, todos hemos empezado así y te aseguro que con el tiempo nos acostumbramos, volviéndose muy fácil la administración de un blog al final. Ya verás que sí ;-)

Estructura de un blog en Blogger

Si te vas al panel de administración de tu blog, en la pestaña de "Diseño", te encontrarás con algo similar a lo que se aprecia en la siguiente imagen.

Pues en ella he resumido en palabras claras qué es lo que tenemos ante nuestros ojos, pero me gustaría explicar más en detalle cada parte de ese montón de bloques que nos aparece :D

La cabecera: es la parte alta o superior del blog, técnicamente se la conoce como el "header", allí podemos colocar nuestro logo, algún texto, imágenes, banners y anuncios publicitarios.
El contenido: específicamente contiene las entradas, artículos o posts que publicamos. Se lo conoce como el "body" o cuerpo del blog. También se colocan en él los bloques de anuncios para la monetización del blog.
La barra de gadgets: también se la denomina "sidebar" y es la parte lateral del blog, un gadget puede ser una caja de suscripción, un buscador interno o una caja de fans de Facebook. En esta barra lateral se pueden colocar un sinfín de complementos a través de código HTML.
El pie de página: conocido además como "footer", aquí va el crédito del autor del blog, de la plantilla y algunos links. También se pueden colocar gadgets.

Todo lo anterior sería el aspecto de diseño de un blog, que en resumen sería: "header, body y footer".

Estructura de la plantilla en Blogger

El esqueleto del blog está en la plantilla y ésta va relacionada con esos bloques de diseño que vimos anteriormente. Por ello y para no complicarnos la vida con tanta palabra técnica, en la siguiente imagen también hice un resúmen de las partes más importantes que debemos conocer y cómo se las localiza en nuestra plantilla para su edición o modificación.

Como verás, la sintaxis es la misma para todos los bloques, lo único que cambia es el nombre de cada sector: header (cabecera), outer (fuera), content (contenido), main (body o parte principal), sidebar (barra lateral de gadgets) y el footer (pie de página).

En principio es importante que identifiques dónde está cada cosa y lo llames por su nombre, estas son las partes principales del diseño de un blog. Aún no te líes con los códigos de la plantilla.

Mi recomendación es que te crees un blog de pruebas para que hagas modificaciones y experimentes en él sin el temor de dañar algo. También explora el panel de control, cada apartado tiene su descripción que es fácil de entender y donde puedes configurar según tus necesidades.

Esa fue la lección del día, no olvides suscribirte y seguir el blog en las redes sociales para no perderte de nada. Si te fue útil este post o te gustaron las imágenes; comparte ;-)

Cómo NO elegir un dominio para tu blog

2014-08-07T18:52:00.000-07:00

¡Hola hola! Tal cual lo anuncié en el post de bienvenida, estos artículos iniciales que escribiré, serán para dar los primeros pasos a la hora de crear un blog, si ya tienes uno o bien eres nuevo en este divertido mundo de la blogosfera, debes saber que la decisión más importante pasa por elegir un buen dominio. Pues el "nombre" que le des, identificará a tu blog de por vida y no podrás cambiarlo, ya que si algún día decides hacerlo, esto significaría una pérdida de lectores y un terrible bajón de visitas que ni te imaginas. Por lo que piénsalo como si se tratase de darle el nombre a un hijo tuyo ;-)

Pero antes, hay que tomar en cuenta que un dominio depende de la temática del blog, ambos deben estar relacionados y dar a entender al visitante de lo que hablas en tu sitio. ¿Ya sabes sobre qué escribir? debe ser algo que te sea fácil y conozcas muy bien, no te lo tomes a la ligera y también piénsalo unos días mientras planificas cómo quieres que sea tu blog.

¿Estás listo para empezar? Perfecto, a continuación mencionaré los errores que no debes cometer para escoger un dominio y asimismo unos cuántos tips de ayuda. ¡Vamos al lío!

Cómo no debe ser un nombre de dominio

Largo con 5.987 letras: La frase "mientras más, mejor", no se aplica aquí, olvídate de colocar algo como la imagen anterior. Piensa en el lector, este debe recordar fácilmente tu dirección y escribirla, un par de palabras o tres vienen bien, sé pegadizo y breve en la longitud ;)
Con guiones y números: Personalmente no recomiendo hacer uso de guiones y números, sencillamente porque suelen ser confusos y difícil de recordar, peor aún si quieres colocar el año en que creaste tu blog... epic fail!
En espanglish: No todos somos buenos con el inglés, ni para escribirlo, imagínate que alguien quiera recomendar tu blog verbalmente, la pronunciación lo llevaría a visitar otro sitio :D Si vas a escribir en español, pues que todo sea español.
Copiado: Hay quienes prefieren copiar las ideas de otros para evitar la fatiga, un error es copiar el nombre de dominio de alguien más, sólo porque este es original, vamos, a nadie le gusta las copias ni las imitaciones baratas.
Sin tu palabra clave: Un ejemplo de palabra clave (keyword en inglés) es "deporte", por lo que si hablarás de ello se recomienda incluirla, por ejemplo: blogdeporte.com
Nada original: Google es una palabra original, corta y fácil de recordar. Sigue el ejemplo de esas grandes marcas, ser blogger significa también ser creativo.

Resumiendo...

Un dominio ideal debe ser corto, original y fácil de recordar.

Subdominios Vs Dominios propios

Los subdominios son los que nos provee Blogger al momento de crear un blog, este es el famoso ".blogspot.com", es gratuito, pero si queremos crear un blog serio, profesional y a largo plazo, conviene invertir un dinerillo y comprar un dominio de nivel superior, se los conoce también como extensiones de dominio, nos referimos a los .com .net .org y otros.

Los dominios propios se pagan una vez al año y el costo puede salirte hasta $9 con cupones (pronto colocaré un apartado de cupones). Como verás, no es mucho dinero, considerando que cualquiera puede obtener 9 dólares en un año, puedes recuperar la inversión y ganar aún más con los ingresos provenientes de la publicidad que coloques en tu blog.

¿Cuál es la ventaja de comprar un dominio?

Da seriedad ante los lectores, por otro lado, un blog con dominio propio se posiciona mejor en las SERPS (páginas de resultados en Google) que uno con subdominio gratuito. Favorece en todo sentido. Mi recomendación es elegir los .com porque son los reyes de Internet, siempre lo serán y todos los conocen, alternativamente están los .net si prefieres.

Así que coge lápiz y papel, abre el bloc de notas y ve apuntando los nombres e ideas que se te vengan en mente, comprueba también en Google si ya están ocupados y si tendrás competencia. No te apresures en elegir un nombre de dominio, que la paciencia también es una virtud de un buen blogger.

Palabras nuevas que hemos aprendido:

Dominio: .com .net .org . info. tv
Subdominio: .blogspot.com
Nombre de dominio: miblog.com
Palabra clave (keyword): salud, deporte, gatos, android.
SERP (Search Engine Results Page): páginas de resultados en el buscador.

¡Eso es todo! ahora ya sabes sobre dominios y cómo no cometer errores al elegirlos, me pondré muy contento si me regalas un +1, like o tweet. Ah y si te gustó este post, no dudes en suscribirte al blog, que aún tenemos muuucho más para aprender y por compartir.

¿Qué es VicioBlogger y por qué visitarlo?

2014-08-04T08:51:00.000-07:00

¡Muy buenas y bienvenid@! Escribir las primeras palabras de la primera entrada es lo más difícil para quienes nos aventuramos en este apasionante mundo de ser un Blogger, pues hay tanto por decir y no saber por donde empezar estando frente a la pantalla, es lo típico del primer post ;-)

Iniciaré comentando que este blog puede ser leído por usuarios que tienen un blog en la plataforma de Blogger.com, para aquellos que no tienen un blog y desean aprender, también será útil para quienes tienen blogs en hostings propios y usen otros CMS (gestores de contenido) como WordPress por ejemplo, pues los temas que trataré abarcarán un amplio "todo" referente a la optimización de un blog. En resumen, Vicio Blogger es apto para todo público, aseguro que siempre se aprenderá algo nuevo.

¿Qué encontrarás en Vicio Blogger?

Si bien hablaré de tutoriales para personalizar el blog, la idea de VB no es compartir contenido que encuentras con un par de clics en muchos otros blogs que hablan de lo mismo, no no no. Trataré temas de optimización en buscadores (SEO), el cómo posicionar tu blog y tus artículos en Google correctamente, compartiré trucos diversos que he aprendido con los años de experiencia, en ocasiones utilizaré términos que en principio puede que no entiendas y que normalmente se utilizan en la blogosfera, pero los explicaré de forma clara porque un buen blogger debe conocerlos y saber diferenciarlos para hablar con propiedad.

Esto será como en la escuela, las primeras entradas serán de 'nivel básico', aprenderemos cómo crear un blog, elegir una buena plantilla, cómo está formado internamente, personalizarlo de pies a cabeza, escribir posts adecuadamente para Google y los lectores, cómo indexar en cuestión de minutos ese blog nuevito de paquete que hemos creado sin morir en el intento y cómo divulgarlo para que nos conozcan y así ganar lectores.

Posteriormente y ya teniendo un blog al 100%, hablaré de las diversas maneras en la que podrás obtener ingresos con la monetización del mismo. Cómo verás, hay mucho por descubrir, estoy seguro que al leer las páginas venideras entenderás el por qué decidí denominar "Vicio" a este blog.

¿Quién escribe aquí?

Marcelo Camacho, vivo en Santa Cruz (Bolivia), soy bloguero de corazón. Blogger y yo somos viejos amigos desde hace más de 8 años, debo decir que esta plataforma gratuita no tiene nada que envidiarle a otras, que si bien son más avanzadas, teniendo conocimiento y aplicando buenas técnicas puedes lograr excelentes resultados de igual o mejor manera en cuanto a posicionamiento y monetización en tu blog se refiere.

No soy un gurú ni pretendo serlo, sólo quiero compartir lo que he aprendido y sigo aprendiendo en el día a día, aún veo que muchos se inician con un blog en Blogger pero comenten varios errores que yo he cometido en mis inicios- que por cierto fueron empíricos- como quedarse con las plantillas por defecto y no quitar la navbar por ejemplo.

Si te gusta el blog, puedes...

Visitarlo frecuentemente y ser un fiel lector :)
Comentar los artículos.
Suscribirte para no perderte ningún post.
Seguirlo en sus redes sociales.
Compartir las entradas que te gusten.
Contactarme si encuentras errores o quieres sugerir algo.

¡Desde ya mil gracias! Siéntete en el blog como en casa y considerame como un amigo, que para ayudarte estoy :-)