Secretos de diseño de blogs para mantener a sus lectores atados

El mundo en línea es un espacio ilimitado en el que abundan los blogs. Entonces, ¿cómo mantenerse competitivo entre tantos blogs? Sin embargo, debe vivir desde blogs, para llamarlo exitoso. Antes de generar dinero, hay una comunidad: puede generar fácilmente un blog con una comunidad ya formada, así que concéntrese en crear una comunidad poderosa. Antes de una comunidad, hay un diseño de blog: si tiene la intención de formar una comunidad, debe facilitar los comentarios, lectores, interacciones. Entonces, para crear una comunidad, se deben cumplir las condiciones básicas. Y estas condiciones se refieren al diseño del blog.
Salta a ejemplos de modelos de blog para inspirar. Las mejores prácticas para el diseño de blogs de diseño en lugar del usuario e imagine cómo su blog tiene experiencia es útil para crear un diseño de blog orientado al usuario. Invierta este proceso de lectura y vea qué buenas prácticas debe aplicar: Diseño del blog: encabezado hay muchos modelos que puede diseñar el encabezado de su blog: haga que uno de ellos sea uno de ellos que el blog sea diferente de los demás. Para esto, un encabezado de blog debe ser único, especialmente para el blog y adecuado para la identidad del blog.
Esto es cierto para Solopreneur, donde el título y el subtítulo realmente gritan en voz alta, no debería haber argumento en contra de:

Fuente Diga a los lectores qué KnowTechie tiene que esperar a un encabezado de blog que haga que los usuarios sepan qué esperar: un estilo de revista, donde las noticias se extienden en la página dependiendo de su importancia:

Asegúrese de que Social ARGGERS Visual Visibilidad ejecute un blog que agrega valor al negocio, a través de algunos consejos que hacen que todos los artículos sean útiles para sus lectores. La cara del encabezado llama la atención de los visitantes al título del blog. La pagina inicial estática / la página inicial con las últimas publicaciones si ha estado blogueando durante algún tiempo, probablemente se haya familiarizado con las 2 opciones para el blog que comienza el blog. página. WordPress, por ejemplo, le permite establecer:

Una página estática como página de inicio de blog
Sus últimas publicaciones (en orden cronológico inverso) como página de inicio de blog.
Página de inicio del blog con las últimas publicaciones
Página de inicio del blog Conjunto como página estática

Fuente cada uno de ellos tiene sus ventajas, los profesionales que pesan más de la parte estática de la página. Si la página de inicio está configurada para mostrar una página estática, hay posibilidades:

Tienes más tiempo para anotar frente a los lectores. Pocas personas leen la sección “Acerca de” de un sitio web, pero una estática se centra en una parte de su sitio web que es importante para su propósito profesional.
Será más convincente para mostrar a los lectores por qué vale la pena leer y ver su blog;
Puede presentar su propuesta de valor única de una manera más limpia y más obvia;
Tendrá espacio en la primera página para la originalidad;
Puede atraer la atención de los visitantes más rápido, con un mensaje bien creado (que si los deja mirar en sus artículos).
Si la página de inicio está configurada para mostrar publicaciones en orden cronológico inverso, lo más probable es:
Mantendrá a los lectores actualizados con el último contenido en el blog;
Será más fácil determinar la frecuencia con la que publica en su blog; mostrará a los usuarios que su blog tiene contenido fresco y que participa activamente en su desarrollo.
Organice su blog para que los usuarios puedan escanearlo de acuerdo con los estudios, no se lee la mayor parte del contenido de un blog. Los navegadores web se utilizan para escanear artículos y páginas de blogs e identificar la información que los interese directamente.
Dicho esto, debe formatear sus páginas de blog para que estén adaptadas al escaneo:
Cree un título único para cada página de publicación

Cree títulos y subtítulos informativos y actuables, que tienen el papel de estructurar la información fácilmente en la página del artículo
Marque expresiones clave con letras en negrita
Use subrayado, cursivo, para llamar la atención sobre cierta información
Claramente delimitar párrafos y a menudo usa espacio en blanco
Use párrafos cortos, fácil de escanear
También use listas cuando puedan ayudar a los usuarios a digerir fácilmente la información
Use gráficos que admitan sus declaraciones para una vista rápida.
Espolvorea imágenes en todo el blog, para reducir la velocidad del efecto de escaneo, las personas se vuelven cada vez más inclinadas visualmente, así que considere incluir imágenes en el blog. La investigación ha demostrado que los artículos de imagen tenían una tasa de retención del 65% (se mencionan más), en comparación con los artículos que no tenían imágenes y, por lo tanto, registraron una tasa de restricción del 10%.
Uso de la fuente Las caras como pistas visuales se ha demostrado que las caras tienen una influencia fuertemente donde los visitantes miran en una página de blog. Dependiendo del lugar donde se ve la cara, las personas muestran una tendencia a centrar su atención en esos elementos particulares en la página. El siguiente le brinda la oportunidad de jugar más con estos efectos y evaluar su poder para su propio diseño de blog:
Fuente de diseño del blog: para agregar una imagen de fondo o no para agregar una imagen de fondo depende de usted si desea o no agregar una imagen de fondo a sus páginas de blog, sin embargo, una imagen de fondo tiene algunas desventajas, en términos de diseño del blog:

Podría confundirse como parte de la identidad de su blog, que no es necesariamente el caso (la imagen podría ser demasiado genérica)
El tamaño de la imagen podría estar en detrimento de la velocidad de carga del blog

Debe realizar cheques adicionales, es decir, si la imagen es adecuada para la capacidad de reacción en su computadora y dispositivos móviles.
Es el más seguro usar un fondo blanco que enfatice su contenido y llame la atención sobre sus elementos.
Ejemplo de SideHustlenation.com:
Útil para diseñar el blog: agregue una estimación de tiempo de lectura / barra de progreso Una barra de progreso tiene el papel de mostrar a los usuarios cuánto tienen hasta que lean el artículo.Por lo tanto, este elemento de diseño de blog es más de lo recomendado para fines de uso.Cruzar el artículo es una tarea determinada que los lectores deben realizar.Una estimación del tiempo de lectura o algo más, una barra de progreso, les da una medida de lo que se necesitará para completar el proceso de lectura y a qué hora del proceso de lectura es en un momento determinado. Una estimación de tiempo de lectura en cada página de El artículo en el blog.Una solución más elegante, la barra de progreso puede darles una sensación intuitiva para explorar el artículo y aprovecharlo al máximo.
Dimensiones de fuente de origen recomendadas para el texto habitual en el diseño del blog Si los elementos del blog están destinados a una gran cantidad de usuarios, al igual que el tamaño de la fuente para el texto habitual. Deberá asegurarse de que su blog tenga una alta puntuación de legibilidad. Se recomienda que el texto no sea inferior a 14 píxeles. De hecho, 16 píxeles deben ser el tamaño de fuente óptimo. El tamaño más pequeño de la fuente afectaría en gran medida la legibilidad del texto, directamente relacionado con la agudeza visual (los ancianos necesitan un texto más alto, pero incluso los jóvenes prefieren valores más altos). También hay otra opción para establecer el tamaño de la fuente en porcentaje, en lugar de valores fijos. Por lo tanto, las dimensiones del texto se adaptan a diferentes resoluciones de pantalla y diferentes pantallas de navegador. Espacio de caracteres óptimo en el diseño del blog De acuerdo con el estilo de impresión que elija para el texto (ya sea para el título, el subtítulo o el texto simple), debe elegir cuidadosamente los valores para la distancia entre las letras. Hay temas de WordPress que facilitan el ajuste del espacio entre los personajes, en función de la forma en que se ve en la página y los criterios de legibilidad. Para probar letras adecuadas (también conocidas como kerning en diseño web), le recomendamos que pruebe esta herramienta.
Kerning Bad vs.KERNING buena tipografía de la relación dorada La tipografía de la relación dorada es un sistema simple que lo ayuda a mantener la proporcionalidad perfecta para todos los elementos de texto que usa en las páginas de blogs.Con esta herramienta, puede ver cómo se muestra el texto a los usuarios, tanto en el título como en los párrafos.Ingrese la familia de fuentes, el tamaño favorito de la fuente y el ancho del contenido y tendrá un ejemplo de cómo se ve el texto: la longitud óptima del párrafo, sin embargo, para fines de leisibilidad, considere ajustar la longitud de los párrafos , para que los usuarios puedan viajar fácilmente.

La longitud óptima del párrafo en el diseño de un blog se considera entre 17 y 20 palabras. En el texto del texto de arriba (que se muestra con la computadora de impresión de relación dorada), la longitud del párrafo tiene un valor de 700 PX, es decir, aproximadamente 16 palabras. Alinee el texto a la izquierda (no configure el texto para justificar) No se recomienda usar un texto justificado en las páginas de un blog. Esto se debe al hecho de que a veces aparecen brechas poco atractivas en el texto justificado. Por lo tanto, la legibilidad disminuye y la página no se verá tan bien. En su lugar, alinee el texto a la izquierda. Este tipo de alineación sigue el flujo del lenguaje natural y le da al texto mayores posibilidades de ser escaneado o leído por completo. ¿Cuánto espacio en blanco para usar en el diseño de su blog? El espacio en blanco (también conocido como espacio negativo) juega un papel importante en el diseño de un blog. Sirve para llamar la atención sobre ciertas partes de las páginas del blog y apoyar el principio de proximidad en el diseño del blog respectivo (fortaleciendo la proximidad entre sí).
Fuente Este es un ejemplo de un lugar de trabajo negativo (donde el espacio negativo no es blanco). En cuanto al espacio negativo, úsalo generosamente. Piense que un diseño de blog necesita un espacio blanco activo y pasivo: el espacio en blanco activo se usa para atraer a los usuarios a ciertos elementos de blog. El espacio en blanco pasivo se utiliza para crear equilibrio, armonía y comodidad para los usuarios que escanean las páginas del blog. Botones sociales en el diseño del blog La ubicación de los botones sociales merece un poco de atención adicional cuando se trata de su integración en el diseño del blog. Colocarlos al comienzo de un artículo podría ser un poco temprano para que los lectores tomen medidas y comiencen a compartir su contenido. Del mismo modo, colocar botones sociales al final de un artículo podría resultar demasiado tarde para que los lectores tomen medidas y compartir, una vez que se haya completado su tarea de lectura. En cambio, colóquelos: ya sea en línea con las publicaciones: los usuarios se capturan en el medio del proceso de lectura, por lo que es más probable que presione el botón de intercambio

O en barras flotantes: los botones sociales se incluyen en una barra flotante izquierda que se mueve junto con el artículo, mientras que los usuarios ejecutan la página hacia abajo. Por lo tanto, los usuarios se sentirán más inclinados a compartir el artículo, porque su atención al tema es máxima.

A continuación se muestra un ejemplo para el primer destino de colocación recomendado:

La fuente suscribe fácilmente aquí el diseño cumple con la funcionalidad. Asegúrese de atrapar a los lectores que quieran ver más publicaciones de blog. Asegúrese de haber colocado un formulario de suscripción en un lugar visible y hacer que sean más fáciles de seguir su actividad en el blog. Aquí hay un ejemplo de cómo LilistraVels.com alienta a los lectores a suscribirse para obtener más artículos: Fuente Siga el diseño limpio, evite la aglomeración Un principio general que debe respetar para definir el diseño de su blog es limpiarlo y evitar elementos vergonzosos, como: pancartas, pop, pop. -Up ventanas, barras laterales llenas de gente, etc. Mantenga el diseño del blog lo más simple posible, incluidos solo los artículos necesarios. Un buen ejemplo de diseño de blog limpio:

Fuente de estilo de navegación: mantenga el menú simple si el diseño del blog se elige para ser minimalista, debe ser el menú de navegación. El menú debe contener categorías que bloguee y debe ayudar a los lectores a simplemente navegar por las páginas del blog. Como regla general, no te subas y hagas el menú original. Mantenga las cosas simples, respetando un diseño clásico que cumple completamente con los criterios funcionales. Aquí hay un ejemplo de un menú de blog que definitivamente le gustará:

La fuente recomendada para el blog Una de las últimas tendencias, promocionadas y a través de las últimas plantillas, es la apariencia basada en la cuadrícula. Le ayuda a dar un diseño limpio a su blog. Es fácil escanear en busca del tema que los lectores de los mejores intereses. Las imágenes presentadas proporcionan una hermosa presentación visual de los artículos. Así es como Brit.co usa tal aspecto:
Detalles para inducir ciertos efectos en lectores de imágenes de encabezado únicos para cada publicación de blog para agregar ciertas imágenes de encabezado a cada publicación de blog se establece una imagen recomendada. Si usa WordPress, encontrará esta opción en la interfaz del editor. Una imagen de encabezado única para cada página de publicación indicará claramente el contenido único en el artículo del blog. Agrega el color y el color de diseño a la página y sirve como elemento de marca para ese artículo. La sección BIO para los autores del autor / blog es importante para crear una sección bio dedicada para el autor del blog. Si dice algunas palabras sobre el autor de las publicaciones del blog, se agregarán credibilidad y autenticidad al contenido del blog. En esta sección, puede ser tan innovador como desee y puede transmitir, por diseño, exactamente como desee ser percibido por sus lectores. Por ejemplo, LegalNomads.com ha desarrollado la sección en toda una publicación de blog: publicaciones populares y contenido de pilares, debe presentar el mejor contenido de blog. Para esto, debe pensar en incluir secciones para publicaciones populares y contenido de pilares en la página del blog principal. El diseño del blog debe traer el mejor contenido por adelantado. Esta es la forma en que Cafedelites.com invita a los lectores a explorar deliciosas recetas:
Sin personalización adicional en lugar de agregar personalizaciones al diseño del blog, puede concentrarse en crear contenido convincente. Su blog tomará su singularidad del contenido que produce. Tendrá la oportunidad de comunicarse mejor con sus lectores, involucrándolos más en su contenido (texto, imágenes, videos); ningún diseño complicado resultará en una mayor atención al contenido. 10 blogs para tomar como modelos jungalow.com es un blog que usa bien las imágenes y el color. La sección biológica es visible justo en la primera página y se ajusta perfectamente a la mezcla de imágenes, gracias a la fotografía.witanddelight.com está perfectamente adaptada al comportamiento del escaneo. El espacio en blanco se extiende en las páginas del blog, dándote, el lector, tiempo para disfrutar de la lectura, el espíritu y el placer.
QuinterssenceBlog.com es especial. Es especial tener una imagen de fondo para resaltar el blog. Además, el esquema de color incluye azul y naranja, en una combinación sabia de colores complementarios.

Camillestyles.com tiene un diseño superior, en el sentido de que utiliza una apariencia en forma de cuadrícula y hermosas fuentes (Georgia, Serif).

Tipswithykes.com utiliza mucho espacio negativo activo, que juega un papel importante en una mejor acentuación visual (imágenes coloridas, en este caso).

Mariakilliam.com logra llevar fotos y color al frente. Las visiones tienen el papel de atraer la atención de los lectores y obtener su compromiso desde la primera visita al blog.

Retouchist.net es un blog que utiliza un aspecto maravilloso en forma de cuadrícula. Además, los íconos en las redes sociales “acompañan” a los usuarios en todos los artículos, mientras los leen.

Davidduchemin.com tiene un encabezado de blog inusual, compuesto por imágenes y enlaces a otros sitios web. Este blog impresiona con la originalidad, tanto en diseño como en contenido.contrastly.com tiene un formulario de suscripción fácil de encontrar y completar, después de haber decidido unirse a la comunidad de lectores.

101cookbooks.com es un blog de alimentos que tiene diferentes recetas en un punto de vista visual. El menú es simple, sin personalización específica y se coloca a la izquierda.

Una palabra envuelta, con suerte, logramos acercarte a crear tu increíble blog. Todo lo anterior debe servir como algunas pautas, después de haber decidido comenzar su propio blog. Sabiendo que la real originalidad se encuentra en su propio estilo de blog, hemos reunido algunas recomendaciones que lo ayudarán a ir rápidamente diseñando su blog y pasar al siguiente paso: crear contenido convincente. ¡Te deseamos un feliz blog!