El diseño del blog es muy sencillo, con fondo blanco y con algunos detalles azules, unos colores que suelen ser correctos para la mayor parte de temáticas y que en cualquier caso se pueden personalizar. Además de facilitarte los enlaces para que te descargues Hola Responsive Template, vamos a analizar su usabilidad y diseño.
Ver demo de la plantilla Copyblogger Responsive para Blogger.
Descarga la plantilla en la página del autor.
Blog optimizado para publicidad
Una de las cosas principales de este blog es que te facilita mucho la inserción anuncios de AdSense o de cualquier otro sistema. Dispone de muchos sitios para insertarla y si quieres insertar anuncios de forma atuomatizada dentro de los artículos en la plantilla tienes marcados los lugares en los que tienes que insertar la publicidad.
- Gadget en la cabecera, para un banner alargado.
- Gadget en la sidebar derecha, por ejemplo banners cuadrados.
- Gadget en la mitad izquierda, con rascacielos verticales.
- Anuncios entre artículos, activando la opción automatizada de Blogger.
- Anuncios bajo del título del post, la plantilla está preparada.
- Anuncios al final del artículo, la plantilla está preparada.
Buea plantilla de Blogger para SEO
El posicionamiento en los buscadores tiene que estar basado en tener contenidos de calidad, pero las plantillas pueden ayudar de varias formas. Las siguientes son las que cumple la plantilla adaptable Hola.
- Con un código limpio, que no tenga errores importantes.
- Con un código simple, eso permite que el ratio de texto/HTML sea alto.
- Con un código que cargue rápido.
Analisis de la Plantilla Responsive Hola
Diseño y programación
- Codificación. HTML5, aunque usa sobretodo la etiqueta <div>.
- Verificación W3C. Excelente, no da casi errores. Si te da muchos errores es por el contenido de tus artículos, por ejemplo por no incluir el atributo alt en tus imágenes.
- Reset. Sí.
- Código bien estructurado. Sí, excelente.
- Responsive design. Sí. Se adapta a todos tablets y otros dispositivos móviles de maravilla. Desactiva la plantilla para móviles.
- Variable definitions. No tienes. Eso significa que tu blog cargará más rápido, pero los cambios que quieras hacer en la plantilla tendrás que hacerlos a mano, picando código.
- Widgets personalizados. Sólo el de afiliación.
- Estilos titulares personalizados. Sí, de <h1> a <h6> Uno de los estilos curiosos es que los títulos h2 de los artículos aparecen subrallados con una línea azul de parte a parte del artículo.
- Idioma. En inglés, hay que personalizar los textos a mano.
Estructura y Widgets
- Sidebar. Tiene dos barras laterales, una estrecha en el lado izquierdo y en el lado derecho la más grande.
- Pie de página. Sencillo.
- Entradas resumidas. Sí, automáticas con un número de palabras y con una imagen en miniatura cuadrada que se mueve a la derecha.
- Menú. Tiene dos menús no desplegables, uno arriba en la parte superior y otro bajo el titular, que en es el que debería usarse para la navegación.
- Paginación. Sí, sencilla y funciona bien.
- Marcadores sociales: Sí. Tiene iconos sociales redondos en la parte superior de la cabecera, además también tiene iconos dentro de los artículos con un diseño particular. Están arriba en el lado derecho.
- Buscador. No.
- Afiliación: Sí, por feed.
- Widget-multi autor. No.
- Copyright. Sí, los autores tienen enlace a pie de página y hay que mantenerlo como atribución. Se puede incluir el atributo no-follow si se desea.
Personalización de la plantilla Hola.
- Cambiar colores.
- Personalización de los menús. Para que el menú funcione tienes que crear los enlace, cambiando también las palabras del Anchor Text.
- Eliminar Capitalize de los títulos. Las etiquetas <H1> a <H6> tienen esta característica de CSS que hace que la primera letra de cada palabra sea mayúscula. Si no te gusta borra la propiedad y vuelve a guardar la plantilla.
- Personalizar el gadget de afiliación. Tienes que cambiar el feed asociado, para que se afilien al blog.
- Insertar anuncios en el código de la plantilla para que aparezcan dentro de los artículos.
- Personalizar los botones sociales de la parte superior.
- Personalizar las entradas resumidas automáticas.
0 comentarios:
Publicar un comentario