¿Cómo mejorar el diseño de tu blog de WordPress? ¿Por qué las imágenes son realmente importantes para el tráfico del sitio?

Publicado: 2016-09-09

Diseño… El diseño es algo de lo que todo el mundo ha oído hablar, pero no muchos saben exactamente lo que significa. Todo en este mundo tiene un diseño. Una taza, una camiseta, una habitación, un sitio, etc.

Sin un buen diseño, todo sería simplemente meh. Es por eso que debes preocuparte mucho por cómo se ve tu blog de WordPress.

ocultar contenido
1 ¿Importan tanto las imágenes en un sitio?
2 ¿Cómo mejorar el diseño de tu blog?
3 Imágenes y vídeos
4 fuentes e iconos
5 barras laterales
6 colores

¿Importan tanto las imágenes en un sitio?

No hay duda al respecto. A veces, importa incluso más que el contenido en sí. Por supuesto, el contenido siempre es la prioridad pero la información, junto con un diseño de calidad, hace milagros.

¿A qué me refiero con visuales?

Las imágenes pueden ser cualquier cosa que no sea texto. Pueden ser imágenes, gráficos, infografías, fuentes, videos, animaciones, colores, etc. El diseño es la forma en que eliges y organizas todo esto para que se vea increíble en un blog.

Si no me cree sobre la importancia del contenido visual, aquí está la prueba:

  • El 90% de la información que se transmite al cerebro es visual.
  • El cerebro procesa la información visual 60.000 veces más rápido que el texto.
  • Las imágenes en color aumentan la disposición de las personas a leer un contenido en un 80 %.
  • Los artículos que contienen imágenes relevantes tienen un 94 % más de visualizaciones totales que los artículos sin imágenes.

¿Cómo mejorar el diseño de tu blog?

A veces necesitas un diseñador para que tu sitio se vea impresionante. Pero no es necesariamente un deber. También puedes hacerlo todo solo. Todo lo que necesitas es un poco de visión creativa y... paciencia.

Paciencia para encontrar, instalar y utilizar las herramientas adecuadas.

¿Qué es lo que más debes considerar cuando diseñas tu blog de WordPress por ti mismo? Vamos a dar un paso a la vez.

Imágenes y videos

¿Quién dijo que tienes que ser un fotógrafo profesional y usar solo tus propias imágenes en tu sitio? Hay muchos sitios que ofrecen muchas imágenes de alta calidad para uso gratuito. Lo mismo aplica para los videos.

MyStockPhotos es una colección mantenida viva por nuestros fotógrafos aficionados en ThemeIsle y viene con un puñado de recursos gratuitos para todos los blogueros del mundo.

Unsplash, Pexels, Gratisography, Life of Pix, StockSnap, Coverr, Mazwai, Distill, Videvo son solo algunos de los recursos gratuitos de imágenes y videos más increíbles que le permiten tomar prestados sus trabajos para su blog de WordPress. También hay muchas aplicaciones de diseño de imágenes como la aplicación Poster Maker y sitios web como Canva, Adobe Spark, etc. para diseñar imágenes elegantes y de alta calidad para sus blogs.

Las imágenes son simplemente indispensables. Simplemente no puedes publicar una publicación sin usar imágenes. ¡Es una regla! Pero las imágenes son esenciales por muchas otras razones, como imágenes destacadas, pancartas, anuncios, fondos. No importa lo que hagas o pienses, las imágenes mejoran considerablemente la participación del usuario.

Es un hecho.

post-with-images

Pero no tiene que usarlos exactamente de la forma en que los encuentra en la web. Puede editarlos y optimizarlos usando un par de excelentes herramientas.

Canva

Con Canva, puedes diseñar fácilmente cosas geniales y divertirte durante este tiempo. Te permite construir básicamente cualquier cosa. Además, viene con su propio stock de imágenes, gráficos, ilustraciones, marcos, íconos, etc. gratuitos y de pago. Pruébelo y deje que suceda la magia.

pixlr

Un buen editor de fotos en línea es Pixlr, que puedes usar para editar las imágenes que quieras usar en tu blog. Viene con características y configuraciones bastante complejas, por lo que es ideal si está buscando editores avanzados, pero no tan avanzados como Photoshop.

ImageOptim

¿Sabía que cargar las imágenes originales, en su tamaño y calidad normales, afectará el rendimiento de su sitio? Siempre debes optimizar cada imagen antes de ponerla en tu blog. ImageOptim es una herramienta excelente y fácil de usar que comprime una imagen haciéndola más liviana y manteniendo su calidad intacta al mismo tiempo. La imagen será la misma, pero ahorrará espacio en disco y ancho de banda, por lo que su sitio se cargará más rápido.

Fuentes e iconos

Las fuentes pueden parecer un poco insignificantes al principio y no necesariamente lo primero que te viene a la mente cuando piensas en el diseño de tu blog. Pero son la clave para una apariencia más amigable. Especialmente si eres un blogger o escritor. Para un escritor, las fuentes son sagradas.

O tal vez solo soy yo.

normal-fonts

Tampoco exageres con los complicados. Pero trata de ser diferente . La fuente de su texto hace que una conferencia sea más agradable. Normalmente me detengo en un blog o en un artículo si me gustan las fuentes.

FontReach es una herramienta interesante que te trae todas las fuentes del mundo. Aquí encontrará una lista con los más populares utilizados en todos los sitios de toda la web. Pero también puedes escribir una fuente que ya conoces y jugar con ella.

FontAwesome también es una herramienta excelente y popular que proporciona un gran paquete de íconos y fuentes que se adaptarán perfectamente a su sitio de WordPress. Ofrece íconos para toneladas de cosas y objetos. Solo busca lo que quieras.

Nunca bromees sobre las fuentes y los íconos de tu blog. Mejoran la legibilidad de los artículos. Y, a veces, pueden ser la razón por la que un visitante permanece más tiempo en tu blog. Pero una vez que elija un estilo de fuente, manténgalo. No uses muchos en el mismo blog, no te traerá ningún valor.

sidebar Barras laterales

Las barras laterales hacen que su sitio se vea más profesional y desempeñan el papel de un minimapa para su contenido. Facilitará la navegación de tus visitantes ofreciéndoles temas bien estructurados y organizados. Además, a una barra lateral puedes agregar fantásticos widgets que aumentan la interactividad de tu blog.

En una barra lateral, a menudo verá barras de búsqueda, íconos sociales y feeds, categorías de publicaciones, botones de llamada a la acción, comentarios, cuadros de información del autor, etc. Las barras laterales lo ayudan a usted y a su audiencia en la misma medida.

Las barras laterales nunca deben faltar en un blog, sin importar su naturaleza. Ten eso en mente.

Colores

Los esquemas de color son esenciales. De la misma manera que los colores hacen que todo lo que nos rodea sea increíblemente hermoso, lo mismo sucede con tu sitio. Un tono de color nunca hace daño a nadie. Por el contrario, los colores llaman más la atención.

Pero úsalos con estilo. Elija combinaciones que se supone que deben poner su contenido en el centro de atención. Un diseñador le dirá que es ciencia espacial, pero yo diría que se trata más de gusto y propósito. De cualquier manera, no debe usar más de 2 o 3 colores en su sitio. A menos que tu blog sea sobre arcoíris.

Además, ¡no te asustes con los espacios en blanco! Son obligatorios. No es la mejor idea usar un fondo oscuro porque cansa la vista, en cuyo caso nadie pasará demasiado tiempo leyendo tus publicaciones.

Ten en cuenta que los colores claros y apagados son más llevaderos que los brillantes.

color-scheme

Coolors.co es una herramienta en línea gratuita que genera hermosos esquemas de color. De esta manera puedes probarlos y ver si coinciden con tus preferencias. Además, te da el código para cada color en el esquema.

¿Cuánto te importa cómo se ve tu blog? ¿Crees que el diseño ayuda a la hora de aumentar el tráfico en tu sitio?


Biografía del autor:

Adelina Tuca es escritora y bloguera de WordPress en ThemeIsle y Of living & pressing. Le encantan los deportes, el senderismo, los libros, la música rock y le gusta plasmar en papel todo lo que encuentra desafiante y único.