Las 3 formas y tips de optimizar tu blog, están orientadas a los que usamos wordpress, igualmente son perfectamente validas para cualquier blog o cms.
1. Usar correctamente los tags del header (header tags)
Uno de los errores mas comunes por los diseñadores, es usar incorrectamente los tags del header. En la homepage, solo debería existir una cosa dentro de los tags H1 y esta seria el titulo del blog o la pagina.
Ejemplo:
<body>
<H1>WOW Magazine</H1>
</body>
Muchos incluyen el tagline en el H1, pero no es lo mas correcto, lo mas correcto seria que el tagline como es un sub-heading este en el tag H2.
Ejemplo:
<body>
<H1>WOW Magazine</H1>
<H2>Un blog sobre las nuevas tendencias …</H2>
</body>
En cuanto a los títulos de los post lo ideal es utilizarlos dentro de el H3.
La razón de esto es que no es parte del header de la pagina y tampoco es un sub-header, así que estos títulos deben estar como máximo en el H3 tag o menor.
Recuerden que los search engines como Google o Yahoo!, utilizan este tipo de semántica para determinar el contenido de los blogs y paginas. Agrupando el los títulos en el tag H3, le estamos diciendo a los spiders, que es un contenido importante.
Es verdad que en muchos casos, por defecto, el sidebar o headers y algunos widgets de WordPress están agrupados en el tag H2, así que puede pasar que tengan que optimizar varias cosas si es que están haciendo un tema customizado o desde cero.
2. Solo mostrar el contenido de los 2 post mas recientes.
Daniel de dailyblogtips.com nos ayuda con esto, ya que publico un plugin para wordpress que puede hacer esto automáticamente por nosotros.
Creo que el uso de los plugins, pero investigue un poco y les quería orientar de cómo hacerlo ustedes, sin el plugin, así que acá va el mini tutorial.
Primero tienes que abrir con tu editor de texto favorito, yo uso textmate, el archivo de tu homepage (generalmente index.php). Obviamente cada theme de WordPress es diferente, así que espero que puedan trasladarlo a la situación particular de cada uno.
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
Titulo del Post
El Contenido
Info adicional (comentarios, autor, categorías)
<?php endwhile; ?>
<?php endif; ?>
Este es el Loop estándar de WordPress. Ahora vamos a poner una variable al principio del loop, y cada ves que haga el loop, el valor de esa variable se incremetara de a uno. De esta forma el primer post será el 1, el segundo el 2 y a si sucesivamente.
Entonces podemos usar de forma simple una declaración para tener el control de lo que muestra el loop:
<?php if (have_posts()) : ?>
<?php $i = 1; ?>
<?php while (have_posts()) : the_post(); ?>
<?php if ($i < = 2) { ?>
Titulo del Post
El Contenido
Info adicional (comentarios, autor, categorías)
<?php } elseif ($i >= 3) { ?>
Titulo del Post (estilo diferente ara que sea mas chico)
El Excerpt (no seria indispensable ponerlo)
Info adicional (igual que el anterior, solo a gusto de ustedes)
<?php } $i = $i + 1; ?>
<?php endwhile; ?>
<?php endif; ?>
Cada ves que se haga el loop, el contador se incrementara en 1. Una ves que se incremente dos veces, le decimos que muestre la información de forma diferente. Aquí es donde podemos mostrar lo que queramos mostrar, el titulo solamente, el titulo y la info adicional, etc.
3. Posiciona de forma destacada tus objetivos.
Por ejemplo, si quieres atraer lectores a tus feeds, o si quieres tener mas clicks en tus adsense, o si quieres beneficiar a los banners de tus sponsors.
La clave es determinar la mejor ubicación para cada uno de estos ítems, y no dejando de lado el diseño y estética de tu blog, ya que creo personalmente que es lo mas importante y una de las cosas que te va a diferenciar del resto.
Para los RSS Feeds, y acá estoy en desacuerdo con muchos, dicen que lo mejor es usar los botones o iconos estándares, yo creo que mientras se entienda que es un botón de feed es correcto y yo prefiero que mi diseño sea único o distinto, en lugar de lo estándar, igualmente puedo poner el icono estándar en la parte del footer de la pagina y así todos estén contentos. En cuanto a la ubicación, lo mejor es usarlo en el sidebar o en el header, de esa forma estará visible ni bien ingrese el visitante, ya así facilitar la suscripción.
Para los ads, se utilizara el mismo concepto para la ubicación, generalmente los puntos de mejor ubicación para los ads son los que muestra el grafico siguiente, las areas mas naranjas son las que mejor performance tienen los adsense:
A mi consideración, la mayoría de los ads como adsense, no quedan bien en el diseño, así que prefiero tener sponsors o text link ads patrocinados, así puedo controlar mas la estética de la pagina. Es verdad que no todos conseguimos sponsors tan fácilmente así que cada uno tendrá que elegir sacrificar un poco del diseño, en post de ganar dinero con google.
Tips Adicionales
Usar “Página Siguiente/Página Anterior” en lugar de “Temas Anteriores/Temas Nuevos”
Utiliza iconografía para la información como tags, comentarios, etc., esto te dará mas calidad grafica a todo tu blog y una mejor experiencia a los visitantes y lectores.
Posts Relacionados
Tags: ads, Blogs, calidad, codigo, diseñadores, Diseño, plugins, tips, Wordpress.
Posteado a las 7:44 am bajo las categorías Blogs, Diseño.
Podés seguir las respuestas a este posts a través del RSS 2.0 de la página.
También podés dejar una respuesta, o hacer un trackback desde tu propio sitio.
Esto sirve para una web comun?
Lucas, el punto 1 y 3 si, ya que el punto dos es sobre wordpress.
saludos
te agradeceria una respuesta es importante para mi si no lo sabes gracias igual
Juan, no tengo ninguna pregunta tuya, asi que si la haces, encantado estare de poder ayudar.
saludos