DIGITAL

26 junio 2019

Cómo hacer una web profesional

Un sitio web es una extensión de la empresa y hay que darle la misma importancia que a otras elecciones estratégicas fundamentales.

Escrito por: Carla Anaya

En nuestro día a día cada cliente y proyecto son un mundo, pero me he encontrado en diversas ocasiones con clientes que desconocen el proceso de creación de una web profesional y el cuidado que hay que ponerle para transmitir la imagen y los contenidos que le lleven a conseguir los objetivos de su empresa.

A estas alturas, todos tenemos claro que una web es necesaria para todo tipo de negocios e instituciones, y que su diseño y contenidos afectarán, de uno u otro modo, a la obtención de clientes. Un sitio web es una extensión de la empresa y hay que darle la misma importancia que a otras elecciones estratégicas fundamentales.

Por tanto, cuando se inicia un proyecto web nos tenemos que armar de paciencia e involucrarnos todo lo posible en cada una de las fases, contando con los mejores profesionales en contenidos, diseño y programación. En este artículo pretendo dar una visión general del desarrollo de un proyecto web profesional sobre WordPress.

 

Debemos tener claros los objetivos de la web

Existen diversos tipos de webs orientados a objetivos específicos, tales como un E-commerce, un microsite o una landing page(página de aterrizaje), por ejemplo. Por ello, antes de cualquier paso, debemos tener claro qué queremos conseguir con nuestra web para saber qué tipo de proyecto vamos a desarrollar:

  • Branding
  • Conversión (ventas, formularios…)
  • Posicionamiento SEO
  • Información o lugar de consulta
  • Suministrar un servicio

En función de ello, también podremos ir definiendo las funcionalidades principales, más allá de las imágenes y el texto: ¿necesitaremos mapas?, ¿formularios?, ¿buscadores?, ¿tablas?, ¿descargables?, ¿galerías?… ¿irá en un solo idioma?

No todas las páginas se hacen con el objetivo de posicionamiento en buscadores (SEO), pero es algo que debemos plantear desde la génesis del proyecto puesto que se tendrá que tener en cuenta al definir estructura, textos, incluir enlaces, subir imágenes, etc.

 

La elección del dominio

Es recomendable cuestionarse cuanto antes a qué dominio queremos que apunte nuestra web para comprobar que está libre, e incluso poder montar el servidor de prueba dentro del dominio para ahorrarnos pasos en el futuro.

¿Las palabras van juntas, con artículos, con guiones?, ¿incluimos las www?, ¿qué extensión será la más adecuada (.com, .es, .org, .edu, .solutions, etc.)?, ¿o reservamos varios y redireccionamos al principal?

También facilita las cosas comprar el dominio (url de nuestra web) en la misma empresa donde tengamos el hosting (o servidor físico donde se almacena), lo cual debemos controlar desde un principio. A día de hoy, el proveedor de hosting y dominios que mejor resultado nos está dando es Dinahosting. Hay que darle especial importancia a que las máquinas se encuentren en España y a la calidad del soporte técnico, valorando obviamente una buena oferta calidad-precio.

 

¿Cómo debe estructurarse la web?

Para construir una casa necesitamos primero unos planos y unos cimientos. Es lo que se llamaría Estructura web.

En función de los objetivos nombrados anteriormente y del contenido que se posee, se deberá decidir qué secciones tendrá el menú y qué elementos aparecerán en la home para poder tener unas bases sobre las que trabajar el diseño: elementos pre-scroll, textos de presentación, tips, últimas noticias, calls to action, formularios, vídeos, etc.

¿Y en el footer (área inferior común en todas las páginas)? Podemos necesitar la presencia de ciertos avisos legales, formularios, redes sociales, mapa web, etc.

Si somos de capaces de tener todos los textos de la web antes de pasar a la fase de diseño, podremos ajustar mejor todavía los visuales, aportar gráficos, y realizar una maquetación personalizada en función de lo que se dice, facilitando su lectura.

En caso de no tenerlos, al ser también un proceso largo y delicado, podemos ir avanzando en paralelo sobre los mimbres que hemos creado.

 

El diseño web, con las cosas claras

Con esto tendremos suficiente información para que el diseñador pueda crear el look & feel que necesitamos. Sin embargo, también podemos necesitar algunos imputs sobre lo que se quiere transmitir visualmente: ¿queremos una web moderna, con las últimas innovaciones en usabilidad?, ¿o somos una institución tradicional más asociada a un diseño limpio y claro?

Seguidamente, podremos tener más control sobre el resultado visual final buscando referencias de webs ajenas que nos hayan gustado por su estética o por el uso de efectos (como el parallax, el one page o las imágenes full screen).

Cada año hay ciertas tendencias web a las que hay que estar atento para denotar modernidad e incorporar los últimos adelantos, siempre pensando en la mejora de la experiencia de usuario. Una tendencia que ya se está convirtiendo en norma es el “mobile first”, o diseñar la versión móvil como base para el resto de dispositivos, ya que el 80 % de las visitas web se reciben por este medio.

Entramos en la fase de desarrollo web

Una labor fundamental para que un proyecto web llegue a buen puerto es poder plasmar todas las decisiones tomadas en diseño, pero con un código limpio, funcional y optimizado para SEO (a esto afecta la velocidad del tiempo de carga, la estructura de urls o la corrección de los metadatos, entre otras cosas).

Por suerte, un proyecto WordPress requiere un desarrollo menos complejo que otras plataformas o lenguajes, e incluso nos puede facilitar la maquetación y actualización de contenidos (actualmente el mejor maquetador es Visual Composer), la optimización del responsive y muchas funcionalidades mediante plugins.

Los plugins de WordPress son fragmentos de código ya programado que instalan en nuestra web estándares de protocolos de seguridad, chats, formularios, cookies, aceleradores de velocidad y muchas funcionalidades más gracias a los más de 2.500 que existen a día de hoy. Cuantas más posibilidades conozcamos, mejor podremos satisfacer las necesidades de nuestra web, aunque siempre son personalizables vía CSS.

Buscando la perfección

La fase en la que realmente podremos demostrar nuestra profesionalidad es la revisión final de textos, diseño y programación. Lo más normal es que tras este análisis aparezcan cientos de modificaciones, que se deben llevar con paciencia, esmero y atención al detalle.

También suelen ser efectivas las pruebas de usuario, dejando que personas completamente ajenas al proyecto naveguen para que nos muestren debilidades y errores que nunca seremos capaces de ver a pesar de tenerlas sobre nuestros ojos.

La revisión debe realizarse sobre todos los dispositivos, especialmente el móvil, tanto Android como Iphone, ya que cada plataforma responde de forma diferente a la programación realizada. Parece un proceso arduo y metódico (y lo es), pero es lo que no asegurará que nuestra marca no defrauda a sus usuarios en lo que puede ser su principal escaparate.

Además, personalmente, la creación de una web me parece un proyecto emocionante, resultado del trabajo de un equipo especializado que combina ciencias tan diferentes como la escritura, la estética visual o el lenguaje informático. Este post sólo pretende ser una panorámica de todo lo que implica y se han quedado en el tintero miles de cuestiones más. Si queréis ampliar, ya sabéis dónde estamos 😊

Carla Anaya

SOBRE EL AUTOR

Carla Anaya

Marketing Online Manager

Proveniente del audiovisual, el online ha sido su destino natural desde 2009.

También podría interesarte…

47 comentarios

  1. This is the right web site for anybody who would like to find
    out about this topic. You realize so much its almost tough to argue with you (not that I actually will need to…HaHa).
    You definitely put a brand new spin on a subject which has
    been written about for many years. Excellent stuff,
    just great!

  2. I am really loving the theme/design of your blog.

    Do you ever run into any browser compatibility problems?

    A small number of my blog audience have complained about my site not operating correctly in Explorer but looks great in Firefox.

    Do you have any recommendations to help fix this problem?
    ps4 games https://j.mp/3z5HwTp ps4

  3. I do not know whether it’s just me or if everyone
    else encountering issues with your site. It looks
    like some of the written text within your content are running off the screen. Can somebody else please comment and let me know if this
    is happening to them as well? This might be a issue with my web browser because
    I’ve had this happen previously. Appreciate it

  4. Thank you for the auspicious writeup. It in fact was a amusement account it.
    Look advanced to far added agreeable from you! By the way, how
    could we communicate?

  5. It’s almost impossible to find very well-informed individuals for this subject matter, however , you look like you know very well what you’re talking about! Thanks

  6. I’m not sure where you are getting your information, but good topic.
    I needs to spend some time learning much more or understanding
    more. Thanks for great info I was looking for this info
    for my mission.

  7. Have you ever considered about adding a little bit more than just your articles?
    I mean, what you say is valuable and everything.
    However imagine if you added some great images or videos to give your posts
    more, «pop»! Your content is excellent but with pics and
    clips, this blog could certainly be one of the best in its
    niche. Great blog!

  8. Spot on with this write-up, I really think this amazing site
    needs a great deal more attention. I’ll probably be returning
    to read more, thanks for the info!

  9. You’re so awesome! I do not suppose I’ve truly read through a single thing like
    that before. So wonderful to find somebody with original thoughts on this subject matter.
    Seriously.. many thanks for starting this
    up. This web site is one thing that is needed on the web, someone with a little originality!

  10. Hey this is kinda of off topic but I was wondering if blogs
    use WYSIWYG editors or if you have to manually code
    with HTML. I’m starting a blog soon but have
    no coding knowledge so I wanted to get advice from someone with
    experience. Any help would be greatly appreciated!

  11. This is really interesting, You’re a very skilled blogger.
    I have joined your feed and look forward to seeking more of your great
    post. Also, I have shared your website in my social networks!

  12. I’ve been exploring for a little bit for any high quality articles or weblog posts in this kind of house .
    Exploring in Yahoo I at last stumbled upon this website.
    Reading this info So i’m glad to convey that I’ve an incredibly excellent uncanny feeling I
    came upon just what I needed. I most definitely will make certain to don?t omit this website and provides it a glance regularly.

  13. Pretty section of content. I just stumbled upon your
    weblog and in accession capital to assert that I acquire in fact enjoyed account your blog posts.
    Any way I will be subscribing to your augment and even I achievement you access
    consistently rapidly.

  14. Thank you a bunch for sharing this with all folks you really understand what you’re
    talking approximately! Bookmarked. Kindly additionally talk over with my website =).
    We will have a link exchange contract between us

  15. Howdy would you mind stating which blog platform you’re working with?
    I’m looking to start my own blog in the near future but I’m having a tough time making a decision between BlogEngine/Wordpress/B2evolution and Drupal.
    The reason I ask is because your design and style seems different then most blogs and I’m looking for
    something completely unique. P.S My apologies for getting off-topic but I had to ask!

  16. Write more, thats all I have to say. Literally, it seems as though you relied on the video to make your point.
    You obviously know what youre talking about, why waste your intelligence on just posting videos to your blog when you could be giving us something enlightening to read?

  17. I’m not that much of a online reader to be honest but your blogs
    really nice, keep it up! I’ll go ahead and bookmark your site to come back later on. Many thanks

  18. I don’t know if it’s just me or if everyone else experiencing issues with your website.
    It looks like some of the text within your content are running off
    the screen. Can somebody else please provide feedback and let me know if
    this is happening to them too? This might be a issue with my browser because
    I’ve had this happen before. Cheers

  19. You can certainly see your expertise within the work you write.

    The sector hopes for even more passionate writers like you who
    aren’t afraid to mention how they believe. At all times
    go after your heart.

  20. I’m curious to find out what blog platform you have been working with?
    I’m having some small security problems with my latest website and I would like to find something more safeguarded.
    Do you have any suggestions?

  21. I think what you posted made a bunch of sense.
    However, think about this, suppose you added a little content?

    I am not suggesting your information is not solid., but what
    if you added something to maybe get folk’s attention? I mean Cómo hacer una web
    profesional is a little plain. You could peek at Yahoo’s front page and note how they create news titles
    to get viewers to click. You might add a related video or
    a related picture or two to grab people interested about what you’ve written. In my opinion, it could
    make your posts a little livelier.

  22. Simply desire to say your article is as amazing.
    The clarity for your submit is just spectacular and i could think you’re a professional in this subject.

    Well along with your permission let me to clutch your RSS
    feed to stay up to date with forthcoming post.
    Thanks a million and please carry on the enjoyable work.

  23. Hi there, just became alert to your blog through Google, and found that it
    is really informative. I’m going to watch out for brussels.
    I’ll appreciate if you continue this in future.

    Numerous people will be benefited from your writing.
    Cheers!

  24. Wow, awesome blog layout! How long have you been blogging for?

    you made blogging look easy. The overall look of your site is great, as
    well as the content!

  25. Fantastic site you have here but I was curious about if you knew
    of any user discussion forums that cover the same topics discussed
    in this article? I’d really love to be a part of online community where
    I can get advice from other experienced individuals that share the same interest.
    If you have any recommendations, please let me know.
    Thanks a lot!

  26. I believe what you said made a bunch of sense. But, what about this?
    what if you composed a catchier post title? I am not saying your content is not solid.,
    however what if you added something to maybe get folk’s attention? I mean Cómo hacer una web profesional is a little boring.

    You should peek at Yahoo’s front page and note how they write article headlines
    to get viewers to click. You might add a related video or a related picture
    or two to get people excited about what you’ve got to say.
    In my opinion, it might bring your website a little bit
    more interesting.

  27. Howdy outstanding blog! Does running a blog similar to this require a lot of work?
    I have no knowledge of coding however I had been hoping to start my own blog soon. Anyway, if you have any suggestions or tips for new blog owners please
    share. I understand this is off topic however I just needed to ask.
    Appreciate it!

  28. Appreciating the time and energy you put into your website and in depth
    information you present. It’s good to come across a blog every once
    in a while that isn’t the same outdated rehashed material.

    Excellent read! I’ve bookmarked your site and I’m including your RSS feeds to my Google account.

  29. whoah this weblog is excellent i like studying your posts.
    Keep up the good work! You know, lots of persons are looking round for this info,
    you could aid them greatly.

    My homepage – coupon

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

Publicar comentario