{"id":1987,"date":"2017-07-05T09:30:55","date_gmt":"2017-07-05T16:30:55","guid":{"rendered":"https:\/\/www.vladimirlugo.com\/?p=1987"},"modified":"2019-01-14T09:35:47","modified_gmt":"2019-01-14T17:35:47","slug":"5-improvements-for-a-more-professional-looking-website","status":"publish","type":"post","link":"https:\/\/vladimirlugo.com\/es\/5-mejoras-para-que-tu-sitio-web-se-vea-mas-profesional\/","title":{"rendered":"5 mejoras para que tu sitio web se vea m\u00e1s profesional"},"content":{"rendered":"

O<\/span><\/p>mar me escribi\u00f3 muy frustrado porque la gente no visita su sitio web. \u00c9l dedica mucho tiempo para escribir art\u00edculos de gran utilidad en asuntos de la salud, pero escasas personas se benefician de su esfuerzo. \u201c\u00bfQu\u00e9 puedo hacer para que la gente visite mi sitio web?,\u201d me pregunt\u00f3.<\/p>\n

Como Omar, muchas personas piensan que es suficiente tener una direcci\u00f3n web, pero necesitas mucho m\u00e1s que eso. El buen contenido se debe reflejar en la buena apariencia, o como dijo el sabio:<\/p>\n

El coraz\u00f3n alegre se refleja en el rostro.<\/p>Proverbios 15:13a<\/small><\/blockquote>\n

El buen rostro de tu sitio web es tu primera invitaci\u00f3n a que las personas exploren su contenido. Si el aspecto es pobre, la gente pensar\u00e1 que el contenido tambi\u00e9n lo es. T\u00fa puedes cambiar el rostro de tu sitio web para que refleje tu coraz\u00f3n si sigues estas 5 mejoras para que tu sitio web se vea m\u00e1s profesional<\/em>.<\/p>\n

Escoge una buena plantilla de WordPress<\/h3>\n

Digamos que ya mudaste tu sitio web a WordPress, \u00bfcu\u00e1l es el siguiente paso? Escoger una plantilla que represente tu contenido de la manera m\u00e1s organizada posible y que satisfaga las necesidades de tus lectores potenciales.<\/p>\n

Para ello tienes que pensar en lo que quieres compartir a mediano y largo plazo. No recomiendo que tomes una plantilla o tema de WordPress a la ligera porque no ser\u00e1 tan f\u00e1cil cambiarla m\u00e1s adelante.<\/p>\n

Algunas cosas a considerar en orden de importancia son:<\/p>\n

    \n
  1. Que sea responsivo<\/em>, o que se ajuste a distintos tama\u00f1os de pantalla para que sea accesible por los dispositivos m\u00f3viles.<\/li>\n
  2. Que sea flexible<\/em>, o que acepte cierto nivel de personalizaci\u00f3n para que te permita cambiar las opciones de encabezado, pie de p\u00e1gina, y estructura.<\/li>\n
  3. Que se vea bien<\/em>, o que tenga opciones para cambiar los colores, la organizaci\u00f3n de cada p\u00e1gina de acuerdo a la variedad de tu contenido.<\/li>\n
  4. Que est\u00e9 optimizado<\/em>, o que no sea pesado o lento para que los navegadores lo descarguen, sino que le de protagonismo al contenido.<\/li>\n
  5. Que tenga soporte t\u00e9cnico<\/em>, o que puedas acceder a una comunidad de soporte establecida para consultar cuando las cosas no salgan seg\u00fan lo planeado.<\/li>\n<\/ol>\n

    Las opciones gratuitas dentro de WordPress se pueden cambiar en el men\u00fa principal yendo a: Apariencia > Temas > A\u00f1adir nuevo. El sistema te presentar\u00e1 con varios temas.<\/p>\n

    \"Cambiar<\/a>
    Cambiar tema de WordPress<\/figcaption><\/figure>\n

    Dentro de las opciones pagadas, me gusta trabajar con las plantillas ofrecidas por Kopa Themes<\/a>, Elegant Themes<\/a> y SKT Themes<\/a> ya que cumplen con todas las consideraciones anteriores. Para instalar un tema comprado, tienes que descargar el tema en un archivo comprimido .zip, hacer clic en \u201cSubir tema,\u201d y luego activarlo.<\/p>\n

    Define una paleta de colores<\/h3>\n

    Muchos de los sitios web para los cuales me contratan no mantienen una claridad visual en la armon\u00eda de sus colores. Esto crea confusi\u00f3n y, a veces, hasta cierto rechazo.<\/p>\n

    Te recomiendo que escojas un color principal que represente tu marca en todo lo que haces; ese color puede provenir de tu logo, por ejemplo. Luego escoge un color complementario, y dos o tres colores neutrales, por lo general, tonalidades de gris.<\/p>\n

    Puedes atrapar una combinaci\u00f3n de colores de tu entorno con Adobe Capture<\/strong>. S\u00f3lo apuntas con la c\u00e1mara de tu dispositivo m\u00f3vil y tomas una foto. Adobe Capture te permitir\u00e1 guardar la paleta de colores y hasta compartirla con otros de sus productos, tales como Photoshop o Illustrator.<\/p>\n

    \"Escoger<\/a>
    Escoger una paleta con Adobe Capture<\/figcaption><\/figure>\n

    Cada color web tiene un c\u00f3digo hexadecimal de seis caracteres. Anota los c\u00f3digos hexadecimales de todos tus colores para futuras referencias. De esa manera, cuando necesites manipular fotograf\u00edas o crear im\u00e1genes para tu sitio web, te podr\u00e1s mantener en la gama de colores de tu paleta.<\/p>\n

    Me gustar guardar accesos directos a un sitio web conocido como Color Hexa<\/strong> para cada color. Por ejemplo, del color capturado, el c\u00f3digo hexadecimal es #d66767 y puedo guardar el acceso http:\/\/www.colorhexa.com\/d66767<\/a> para una revisi\u00f3n r\u00e1pida.<\/p>\n

    \"Color<\/a>
    Color Hexa<\/figcaption><\/figure>\n

    Define las fuentes de tus letras<\/h3>\n

    Las fuentes son muy importantes para mantener a tus lectores en el sitio web enganchados con tu contenido. Tu contenido puede que sea excelente, pero si no es f\u00e1cil de leer, la gente se ir\u00e1 en pocos segundos.<\/p>\n

    Me gusta utilizar las fuentes provistas por Google. Muchas de las nuevas plantillas incorporan Google Fonts<\/strong> para facilitarte el trabajo de escoger. En el momento de escribir este art\u00edculo, Google cuenta con 821 fuentes que puedes utilizar sin infringir los derechos de autor. Visita https:\/\/fonts.google.com\/<\/a> para confirmarlo.<\/p>\n

    \"Google<\/a>
    Google Fonts<\/figcaption><\/figure>\n

    No te dejes llevar por las muchas fuentes. Debes escoger dos o m\u00e1ximo tres fuentes para todo tu contenido. Necesitas una fuente para los p\u00e1rrafos, una fuente para los encabezados, y tal vez una tercera fuente para tus im\u00e1genes.<\/p>\n

    Aparte uso una fuente especial para los \u00edconos. De esta forma, todos tus \u00edconos ser\u00e1n siempre consistentes en todas tus publicaciones y a lo largo de tu sitio web. Existen varias fuentes especializadas para eso, pero prefiero Font Awesome<\/strong> (http:\/\/fontawesome.io\/icons\/<\/a>) porque se integra con muchas de las plantillas m\u00e1s modernas de WordPress<\/p>\n

    Crea una plantilla para tus fotos destacadas<\/h3>\n

    No est\u00e1 dem\u00e1s decirlo: usa fotos destacadas con cada p\u00e1gina o publicaci\u00f3n; a\u00f1aden impacto visual, atraen a tus lectores, y se ven bien en tus redes sociales.<\/p>\n

    Uno de los problemas m\u00e1s comunes que afean \u2013 y afectan \u2013 los sitios web es la falta de consistencia en las im\u00e1genes o fotograf\u00edas que se utilizan. He escrito en otras oportunidades sobre esto, puedes consultar:<\/p>\n