La portada de un Blog obviamente es de gran importancia para el diseño general.
Hasta hace unos años, la mayoría de los blogs simplemente mostraban publicaciones por orden de publicación, la más reciente en la parte superior.
Luego, los extractos se hicieron populares, y más tarde portadas de revista .
El propósito de la página principal variará, por supuesto, de un tipo a otro; por ejemplo, un blog personal será diferente de un blog profesional de varios autores.
En esta publicación, veremos las opciones que tienen los bloggers y los diseñadores para mostrar el contenido en la página principal , y algunas razones para elegir cada una.
Antes de entrar en los detalles, consideremos el propósito de la página principal , para que pueda tomar una decisión más informada sobre el tipo que se utilizará para su propio blog.
La portada es importante porque tiene un impacto sustancial en la primera impresión de los visitantes.
Los nuevos visitantes esperan poder hacerse una idea de lo que el blog ofrece solo desde la primera página. Los visitantes también desean poder encontrar el contenido que están buscando a través de él.
La navegación y la facilidad de uso sencillas son importantes porque es probable que la página principal sea la página más vista en el sitio web .
La portada es importante, finalmente, porque promocionará el contenido más importante o reciente.
Opciones para mostrar contenido en una página de inicio
Básicamente tiene tres opciones para mostrar contenido de blog en la página principal: publicaciones completas, extractos de publicaciones y estilo de revista . Analizaremos los beneficios de cada uno, lo que esperamos lo ayude a comprender su situación y tomar una decisión informada.
1. Publicaciones completas
Con la opción de publicaciones completas, las publicaciones de blog se muestran completas, no truncadas, en orden cronológico inverso. Este método no es tan popular como lo era hace unos años. Estos son los beneficios de mostrar publicaciones completas en la página principal:
- Los visitantes pueden leer publicaciones enteras sin salir de la página
No muchos blogs muestran publicaciones completas en su página principal porque otras opciones brindan más beneficios. Pero una de las ventajas de mostrar publicaciones completas es que los visitantes pueden leer varias publicaciones recientes sin abandonar la página. Lo único que probablemente no podrían hacer es comentar en una publicación en particular. - Funciona bien con publicaciones cortas
Si las publicaciones de su blog son relativamente cortas (digamos, 500 palabras o menos), mostrarlas en su totalidad en la página principal puede ser más fácil. Los extractos pueden parecer divertidos si ya contienen la mitad de la publicación, y los visitantes pueden molestarse si hacen clic en la publicación completa y encuentran solo dos párrafos más para leer. - No rompe el flujo del lector
Tener que hacer clic a través de una publicación individual después de haber leído el extracto puede interrumpir el flujo del lector y quizás causar que pierda interés y abandone el sitio web por completo.
2. Publique Extractos
Otra opción es mostrar solo extractos de publicaciones, con enlaces al contenido completo para quienes estén interesados.
Puede mostrar los avances de, digamos, 10 artículos en la página principal y dejar que los visitantes elijan qué leer. WordPress genera extractos automáticamente, o puede crear un fragmento personalizado tomado directamente de la publicación o mostrar cualquier otro texto que desee.
Mostrar extractos en la página principal es una opción popular ahora. Aquí están los beneficios:
- Escanear es más fácil
La mayoría de los visitantes prefieren escanear contenido en la página principal para ver qué está disponible y qué tipo de publicaciones se publican. Las publicaciones completas dificultan el escaneo. Al mostrar extractos, los visitantes pueden ver lo que se ha publicado recientemente y elegir lo que les gusta. - Control de diseño
Los diseñadores de temas y bloggers pueden ser un poco más creativos con extractos que con publicaciones completas. Puede controlar la duración de los extractos, lo que le permite posicionar y alinear el contenido de forma más precisa, sin preocuparse de que las publicaciones largas rompan el diseño. Como verá en el escaparate al final, algunos diseñadores de temas son bastante creativos con extractos. Los extractos simplemente le dan al diseñador más control sobre cómo se ve la portada. - Página delantera más corta
Si sus publicaciones son relativamente largas y muestra varias de ellas en su totalidad en la página principal, la página se volverá inmanejable rápidamente. Los extractos mantienen la página más corta, lo que facilita la navegación de los visitantes. Por supuesto, la cantidad de extractos que visualiza también afecta a la capacidad de administración, así que ajuste eso en consecuencia. - Más vistas de página
Algunos bloggers usan extractos para aumentar las visitas a la página: si un visitante lee un extracto y quiere ver el contenido completo, deberá abandonar la página principal, lo que le dará al blog otra vista de página. Más páginas vistas pueden generar más ingresos para ciertos tipos de publicidad. Sin embargo, inflar las vistas de página para obtener más ingresos puede irritar a los visitantes. En general, si esta es su única razón para mostrar extractos en la página principal, no lo haga. - Se evita contenido duplicado
A los motores de búsqueda no les gusta el contenido duplicado y podrían penalizarlo si sospechan que su blog lo tiene. Una página de inicio que muestra las publicaciones completas esencialmente duplica el contenido de las páginas de blog individuales. Mostrar extractos en su lugar puede ayudar a prevenir este problema.
3. Estilo de revista
La tercera opción es una página estilo revista. Es similar a extractos, pero las publicaciones no se muestran necesariamente en orden cronológico. En cambio, generalmente se categorizan, con sus fechas mostradas.
Esto es típico de los sitios web de noticias, en los que los titulares y los avances se organizan en columnas por tema, como deportes, noticias mundiales, etc.
Este estilo de revista ofrece todos los beneficios de extractos y algunos otros. Aquí están los beneficios:
- Mejor organización del contenido
El beneficio más significativo es que el estilo de la revista permite una mejor organización del contenido. En lugar de simplemente mostrar las cinco o diez publicaciones más recientes, puede mostrar las publicaciones por categoría o incluso reservar un área de funciones para las publicaciones a las que desea otorgar mayor exposición. Tú controlas qué contenido ven primero los visitantes. Y los visitantes pueden comprender mejor lo que ofrece su blog al ver el contenido ordenado por categoría. - Control de diseño
Este beneficio es aún mayor con las portadas de estilo de revista que con extractos. El blogger elige exactamente dónde mostrar cada contenido, según la categoría. Y muchos estilos de diseño son posibles con esta opción. - Parece que el sitio web de noticias típicas
Organizar y clasificar el contenido por tema tiende a hacer que la página principal parezca un sitio web de noticias. Si tu blog tiene mucho contenido y está orientado a las noticias, este podría ser el factor decisivo. Este estilo tiende a crear la impresión de un sitio web más grande porque muestra tanto contenido y variedad de temas.
Tutoriales para diseñar y diseñar páginas frontales de blog con WordPress
Aquí hay varios tutoriales sobre la creación de portadas en WordPress y los tipos de diseños que hemos discutido.
- Cree un diseño de periódico básico con WordPress y jQuery
Este tutorial de NETTUTS lo lleva por el proceso de diseño de una portada inspirada en un periódico. - Crear una sección de publicaciones destacadas para WordPress
Muchos blogs tienen una sección de publicaciones destacadas en la parte superior de la página principal. Este tutorial te muestra cómo hacer uno. - Cómo hacer un carrusel de publicaciones destacadas para WordPress
Esta es otra publicación en NETTUTS que cubre el tema de la creación de una sección de publicación destacada. - Agregar miniaturas a WordPress con campos personalizados
Usar miniaturas con extractos de publicaciones en la página principal es una opción popular. Este tutorial te muestra cómo hacerlo. - Cómo: Obtener la primera imagen de una publicación y mostrarla
Esta publicación muestra una alternativa al uso de campos personalizados para mostrar imágenes en la página principal. - 6 trucos y consejos para crear una revista Tema de WordPress
El código de Cats Who proporciona información útil para aquellos que desean crear una portada estilo revista. - Mostrar solo extractos de publicaciones en WordPress
Este artículo muestra el cambio simple que necesita realizar en el código de su tema para mostrar extractos en lugar de publicaciones completas. - En la alabanza de las etiquetas de la plantilla de WordPress, parte II: El diseño de la revista
Darren Hoyt analiza temas relacionados con la creación de diseños de revistas en WordPress. - WordPress: menú desplegable horizontal estilo revista
Esta publicación muestra cómo hacer un menú de navegación estilo revista. - Etiquetas de plantilla / publicaciones de consulta | Etiquetas de plantilla / Obtener publicaciones
(del WordPress Codex)
Presentación de la página frontal del blog
Ahora presentaremos una serie de portadas de blogs que muestran varios enfoques para mostrar contenido.
Extractos
Vectips
Este estilo de extractos, con miniaturas a la izquierda, es bastante popular.
Lokalisten Sprechblase
Un breve extracto de cada publicación, con la imagen que lo acompaña. La página principal muestra solo las tres publicaciones más recientes.
Blogfullbliss
Las imágenes en esta página frontal están a la derecha de los extractos.
Francesca Battistelli
Solo extractos de texto, sin imágenes.
Tempestad creativa
Extractos muy breves, con una miniatura de la imagen principal de cada publicación.
Blog Me Tender
Extractos de las tres publicaciones más recientes, cada una con una imagen.
El arte de la inconformidad
Este diseño único se divide en el medio. Cinco extractos de la publicación se muestran a la izquierda.
Bluedots Design
Las imágenes en esta página frontal aparecen arriba, en lugar de estar al lado, de los extractos.
Diseño Reviver
Aquí hay un ejemplo de la flexibilidad que los extractos pueden traer a la página principal. El diseño de estas dos columnas no hubiera sido posible con publicaciones completas.
Contenido destacado de Excerpts Plus
Tutorial9
Incluye un control deslizante con cinco publicaciones recientes, con extractos de publicaciones que se muestran a continuación.
Colorburned
Aquí se usa una combinación similar de control deslizante y extracto.
L'effet Crea
Esta página frontal también tiene un área de contenido destacado sobre extractos de publicaciones recientes.
Estilo de revista
Camisetas de la cultura pop
Cuatro titulares se muestran horizontalmente (con sus categorías) arriba extractos de publicaciones recientes. Las "últimas camisetas" se muestran a la izquierda de los extractos.
El 9513
Los extractos de "Elecciones del Editor" se muestran en la columna principal, con los titulares de las últimas entradas de blog a la derecha.
Kineda
Una publicación aparece "En el centro de atención", con otras cuatro publicaciones populares de la semana que se muestran en forma horizontal. Los extractos de otras publicaciones recientes se muestran a continuación.
Una idea
Incluye un área para un título destacado y un extracto. Cuatro otros extractos de diversas categorías aparecen a continuación.
Ecoki
Un artículo destacado está en la parte superior, con cuatro publicaciones recientes enumeradas horizontalmente, y luego otra fila de cuatro "Debe leer".
Publicaciones completas:
Freshivore
Owltastic
Páginas de portada inusuales
Story Pixel
Titulares de tres publicaciones recientes, pero no extractos o publicaciones completas.
Michela Chiucini
Un extracto de la publicación, con titulares de otras publicaciones recientes enumeradas a continuación.
Dirt Du Jour
Una publicación mostrada en su totalidad.
Esta publicación fue escrita exclusivamente para Webdesigner Depot por Steven Snell, un diseñador web y blogger. Steven corre Blog Design Heroes , que muestra blogs bien diseñados.
¿Qué sistema funciona mejor para ti y por qué? Por favor, comparte tus comentarios con nosotros.