Blog Design 101: su guía completa para diseñar elementos de blog que darán resultados

1

#

Si está tratando de diseñar el diseño de su blog desde cero, su objetivo final es crear un diseño que se adapte mejor a las necesidades y requisitos de sus lectores.

Lo que puede funcionar para un blog puede ser completamente inútil para otro, así que no estés demasiado interesado en copiar el estilo de diseño de otra persona. En cambio, concéntrese en los principios básicos y las pautas y deje que lo ayuden a desarrollar un diseño que lo represente de manera única.

Diseñar un blog se trata de reunir varios elementos y partes para crear un sitio web que transmita su mensaje de manera efectiva a sus lectores. A continuación, analizamos los más importantes de estos elementos y cómo puedes incluirlos en tu propio diseño.

##### Empezando

Muchas personas que están comenzando un blog no tienen idea de hacia dónde quieren llevarlo, lo cual es un gran problema cuando se trata de determinar qué dirección tomar. Sin embargo, puede sentirse cómodo con esto: es posible que aún no sepa lo que quiere, pero definitivamente lo sabrá cuando lo obtenga. Responder estas tres preguntas puede ayudarlo a trazar su ruta de diseño:

– **¿Cuál es tu inspiración?** Busque inspiración en el diseño, las opciones de color y los estampados. Puede encontrarlos en cualquier lugar, pero Pinterest podría ser un buen lugar para comenzar.
– **¿Cuáles son tus blogs favoritos?** Encuentra cinco blogs que te enloquecen y determina qué es exactamente lo que te gusta de ellos, y si puedes extrapolar la idea a tu propio blog. Cree un tablero de inspiración de Pinterest que le permitirá recopilar sus elementos inspiradores bajo un mismo techo.
– **¿Qué te diferencia?** Tu blog debe ser un reflejo de quién eres. Capitaliza los aspectos que quieras aportar que te diferencien del resto.
– **¿Qué colores te gustan?** Al elegir su combinación de colores, piense no solo en los colores que lo hacen feliz, sino también en la importancia de su elección para el tipo de blog que está ejecutando. Dado que espera atraer a otras personas a su blog, no puede concentrarse solo en lo que desea.

#### 1 El encabezado

El encabezado es donde das la primera impresión a tus espectadores y establece el tono de su interacción con tu blog. Tenga encabezados serios para blogs serios y encabezados divertidos y creativos para blogs divertidos. Elija conscientemente sus palabras y luego utilícelas de manera concisa.

Los bloggers de nicho (hablando de algo específico) pueden tener más facilidad con esto, pero todos pueden encontrar algo, una cosa, de lo que trata su blog. Si tiene un blog personal, entonces el blog es sobre usted y puede compartir algo sobre usted de una manera creativa.

Haga que su encabezado tenga una altura de entre 150 y 250 píxeles para que pueda maximizar su espacio en la parte superior de la página (el espacio en una página web antes de desplazarse). Si debe tener un encabezado de más de 250 píxeles, considere lo siguiente:

– **Agregue elementos funcionales** : integre algunos elementos funcionales como navegación, íconos de redes sociales e íconos de feed RRS en el encabezado para maximizar el espacio. Muchos temas premium de WordPress ya tienen partes de widgets de encabezado diseñadas. En Blogger, es posible que deba codificar un cuadro de widget de encabezado.
– **Trabaje los gráficos** : desde ilustraciones hasta fotografías, invierta en gráficos de gran calidad; prefieres tener excelentes gráficos o nada en absoluto, es así de serio. Puedes encontrar muchas imágenes e ilustraciones en la web. Si conoce Photoshop, aún mejor, puede modificar sus imágenes para hacerlas más… usted. Si no, estoy seguro de que tienes un amigo al que puedes sobornar. Obtener el encabezado correcto hará que todos los demás aspectos sean mucho más fáciles de colocar y diseñar.

#### 2 Fuente y tipografía

Las fuentes pueden ayudar a establecer un tono para su sitio web y publicaciones de blog, y puede obtener muchas fuentes de uso poco frecuente de forma gratuita. Ya sea que busque chic, diversión, caprichoso, serio, contemporáneo, gótico y más, hay toneladas de opciones en línea que puede usar. Antes de elegir una fuente en particular, piensa en lo siguiente:

– Debe ser fácil de leer y las letras deben funcionar bien con otros elementos.
– Si combina fuentes, deben complementarse entre sí (utilice un máximo de tres fuentes).
– Mantenga la fuente del texto principal simple. Debe ser limpio y agradable a la vista. Tener una fuente principal divertida y con volantes dificulta la lectura y cansa el cerebro. Puede usar fuentes divertidas en las barras laterales, firmas, encabezados y títulos de publicaciones.
– Por favor, por favor, no uses Papyrus o Comic Sans, te lo rogamos.
– No debe ser ni demasiado pequeño ni demasiado moderno; sus lectores no lo sufrirán.

Al elegir las fuentes para el cuerpo de su sitio, considere si se representará o no en todas las computadoras de la misma manera. Algunas fuentes no están incluidas en otras computadoras, como Century Gothic, que es una gran fuente de lectura que no está incluida en las computadoras Mac. Asegúrese de incluir una fuente de respaldo que sea igual de buena en caso de que la máquina que se utiliza para acceder a su blog no tenga su fuente específica.

También debe usar fuentes listas para la web que se vean bien en todos los dispositivos y muestren toda su puntuación. Algunos caracteres especiales no existen en los registros de ciertas fuentes, lo que significa que parte de su información no se mostrará si los usa. Google tiene toneladas de fuentes gratuitas, fáciles de usar y listas para la web. También puede consultar [dafont](https://www.dafont.com/) o el sitio de Kevin y Amanda para obtener más [fuentes para guisantes](http://) (basadas en escritura a mano) y fuentes para álbumes de [recortes](http://www.freescrapbookfonts.com/) (fuentes convencionales).

#### 3 El pie de página

Su pie de página debe tener más que solo la declaración de derechos de autor; De hecho, es el segundo elemento de diseño más importante en sus páginas web. Ahora que ha traído a su lector hasta el final (¡bien hecho!), Debería tener un camino claro para dirigirlo a continuación.

Si un lector ha llegado al final de su página web, probablemente esté muy impresionado con usted y podría estar interesado en consultar sus otras categorías. Después de haber visitado su página, es posible que ahora estén dispuestos a suscribirse a la fuente de su sitio o a la lista de correo o seguirlo o darle me gusta en las redes sociales. Ofrézcales todas las funciones que necesitan para conectarse con usted fuera de su sitio, así como una forma de llegar a cualquier otra parte de su sitio sin tener que desplazarse hacia atrás hasta la navegación.

También puede incluir tres o cuatro de sus publicaciones más populares en el pie de página para que los lectores interactúen con algunos de sus mejores trabajos. Use el pie de página para resaltar qué más es interesante/impresionante sobre su sitio.

#### 4 iconos de redes sociales

Debe facilitar que los lectores lo encuentren y se conecten con usted en otros lugares de Internet, lo cual es excelente ya que creará una audiencia para usted incluso fuera de su blog. Las redes sociales son fundamentales para el éxito de su blog, por lo que es importante agregar íconos sociales. Para comenzar a colocar sus iconos, puede hacer lo siguiente:

– Íconos de búsqueda: comience mi búsqueda de íconos sociales en Google, que puede dirigirlo [aquí](http://webdesignledger.com/freebies/the-best-social-media-icons-all-in-one-place) . Si tiene una inclinación más creativa, puede crear sus propios iconos con Photoshop. El tamaño ideal es de 60 px alrededor.
– Ícono de carga: puede hacer esto directamente en el blog o usar flikr, photobucket y otros sitios de fotos, luego incluya un enlace a la imagen en su código.
– Agregue su código HTML: en Blogger, la siguiente línea de código debe agregarse en el área del widget HTML, mientras que en WordPress va al área del widget de texto:

“`

“`

Esta simple línea de código inserta cualquier imagen en tu blog.

#### 5 Blogs

La fuente RSS es una forma popular para que los blogueros sigan fácilmente a otros blogs. La mayoría de los blogs generalmente están configurados para brindar una fuente automática, pero esto no viene con opciones automáticas para seguir estadísticas importantes, lo que puede ser muy útil para un blogger próximo.

Para configurar su feedburner:

– Vaya a [feedburner.google.com](https://feedburner.google.com/) y configure su feed colocando su dirección de feed o blog en el cuadro.
– Una vez que se verifique la URL, se mostrará la siguiente página y deberá asegurarse de la dirección de la fuente y el nombre del blog (¡muy importante!). si cambia la dirección del feed en el futuro, DEBE notificar a los lectores, ya que no se actualizarán automáticamente.

¡Eso es! Ahora tienes un feed. En Blogger, puede ir a Panel de control >> Configuración >> Feed del sitio y verá un cuadro con el título “URL de redirección de feed de publicación” donde debe insertar su dirección de feed de feedburner. En WordPress, es posible que deba descargar el complemento Feedburner Feedsmith, que puede encontrar [aquí](https://www.google.com/support/feedburner/bin/answer.py?answer=78483) . Este es el complemento más recomendado para esta tarea, ya que se mantiene constante incluso con las actualizaciones de WordPress.

#### Conclusión

Diseñar un blog no es tarea fácil, especialmente si no tienes experiencia en diseño. Hay muchos aspectos importantes a considerar, así como los pasos a seguir. Como principiante, es posible que no pueda diseñar un sitio completo desde cero, incluso si tiene todos los tutoriales. En su lugar, encuentre un buen tema que pueda personalizar y comience allí. Hay miles y miles de temas gratuitos y premium que puede obtener tanto en WordPress como en Blogger. A medida que se vuelve más competente en codificación y diseño, puede trabajar lentamente en la personalización de diferentes elementos de su blog para que no se vea como el de otra persona.

Lo más importante que debe recordar es que requerirá mucho tiempo y esfuerzo. Es posible que deba revisar decenas de tutoriales antes de hacerlo bien. Pero una vez que lo haga, la recompensa de un blog único bien valdrá el esfuerzo.

¡Todo lo mejor!

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More