{"id":6731,"date":"2021-10-19T13:00:00","date_gmt":"2021-10-19T11:00:00","guid":{"rendered":"https:\/\/carontestudio.com\/blog\/?p=6731"},"modified":"2021-10-15T11:20:31","modified_gmt":"2021-10-15T09:20:31","slug":"cuanto-cuesta-hacer-una-pagina-web","status":"publish","type":"post","link":"https:\/\/carontestudio.com\/blog\/cuanto-cuesta-hacer-una-pagina-web\/","title":{"rendered":"Cu\u00e1nto cuesta hacer una p\u00e1gina web"},"content":{"rendered":"\n

A veces es dif\u00edcil comparar presupuestos de dise\u00f1o web. Con este art\u00edculo vamos a realizar un an\u00e1lisis de 10 puntos claves para entender cu\u00e1nto cuesta hacer una p\u00e1gina web<\/strong>.<\/p>\n\n\n\n

Introducci\u00f3n<\/h2>\n\n\n\n

En Caronte Web Studio, como empresa de p\u00e1ginas web y SEO, hacemos muchas auditor\u00edas de p\u00e1ginas web<\/a>. En ellas analizamos los puntos m\u00e1s cr\u00edticos del sitio y contrastamos los puntos fuertes con los d\u00e9biles. Este bagaje nos ha hecho comprender mejor una serie de puntos que los usuarios no suelen tener en cuenta a la hora de contratar el desarrollo de una p\u00e1gina web<\/strong>. Hay ciertos elementos que deber\u00edan estar cuidados desde el primer momento en el proyecto.<\/p>\n\n\n\n

Muchos clientes nos contratan un servicio de \u00absaneamiento\u00bb de la web. Es un trabajo duro, pero que da sus frutos. Sin embargo, siempre hay alguna limitaci\u00f3n insalvable o alguna dificultad considerable. Entonces no podemos evitar pensar lo f\u00e1cil que habr\u00eda sido si estuviera bien planteada desde el principio. Con el tiempo hemos visto que no todo el trabajo que se hace en una web es transparente para el cliente y, muchas veces, no sabe lo que contrata<\/strong> o no es consciente de lo que supone.<\/p>\n\n\n\n

Hay todo tipo de empresas de paginas web, cada una con su perfil y sus especialidades. Esto hace que los presupuestos para un mismo desarrollo sean muy dispares. Si tienes varios presupuestos para una web y te has sentando frente a ellos sin entender por qu\u00e9 abarcan precios tan difere<\/strong>ntes, vamos a intentar darte un dec\u00e1logo de 10 cosas importantes que debes conocer para saber cu\u00e1nto cuesta una web<\/strong>.<\/p>\n\n\n\n

10 Puntos claves para valorar cu\u00e1nto cuesta una web<\/h2>\n\n\n\n
\n
\n

Estos son los 10 aspectos importantes para crear una pagina web <\/strong>que deber\u00edas tener en cuenta al valorar un presupuesto o el resultado final:<\/p>\n\n\n\n

  1. Dise\u00f1o<\/li>
  2. Usabilidad<\/li>
  3. Tipo de desarrollo<\/span><\/li>
  4. Funcionalidades<\/li>
  5. CTA<\/li>
  6. Plantillas<\/li>
  7. Velocidad<\/li>
  8. SEO<\/li>
  9. Cookies<\/li>
  10. Personalizaci\u00f3n<\/li><\/ol>\n<\/div>\n\n\n\n
    \n
    \"\"
    \n

    <\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n

    1- Dise\u00f1o visual: Conseguir una web expectacular<\/h3>\n\n\n\n

    S\u00ed, es el primer punto porque aqu\u00ed no falla nadie. Somos seres muy visuales, no cabe duda: entre todos los sentidos, el visual es el rey. A la hora de valorar una web es importante que se vea \u00abbonita\u00bb. Ahora bien, me gustar\u00eda hacer un apunte: nuestro gusto no debe primar sobre el de nuestros clientes<\/strong>.<\/p>\n\n\n\n

    Muy a menudo tendemos a pensar que nuestro gusto es el bueno. O\u00edmos la m\u00fasica de los mejores artistas, nos gusta el buen cine y la ropa que usamos es la m\u00e1s cool<\/em>. Pero lo que es mejor para nosotros no siempre coincide con la opini\u00f3n de los dem\u00e1s. La p\u00e1gina web que contratamos nosotros es para el resto del mundo, m\u00e1s concretamente para nuestro p\u00fablico objetivo<\/strong>, por tanto debe primar su gusto frente al nuestro.<\/p>\n\n\n\n

    2- Usabilidad y accesibilidad: Dise\u00f1o UX<\/h3>\n\n\n\n

    Aqu\u00ed comienzan los primeros problemas. Muchos proyectos sacrifican usabilidad en favor de la espectacularidad o la originalidad. Esto, casi siempre, es un error. Una web debe usarse, y usarse de forma f\u00e1cil. Un bot\u00f3n dif\u00edcil de encontrar o un men\u00fa complicado para navegar pueden suponer la p\u00e9rdida de un posible cliente<\/strong>. Cuando contrastemos dos proyectos, la usabilidad debe ser un valor <\/strong>que tengamos en mente y se cuente en la balanza.<\/p>\n\n\n\n

    \"Dise\u00f1o<\/figure><\/div>\n\n\n\n

    3- Tipo de desarrollo y autonom\u00eda<\/h3>\n\n\n\n

    En muchas de las auditor\u00edas que hemos hecho nos encontramos con diferentes niveles de autonom\u00eda que no siempre son los m\u00e1s adecuados. Pero primero hablaremos de los tipos de desarrollo. Principalmente, al hacer una web, podemos hacerla con programaci\u00f3n o con un gestor CMS<\/strong>, esto es, con una plataforma que act\u00faa como puente entre la programaci\u00f3n y el usuario. El ejemplo de gestor CMS que todos conocemos es WordPress. Esta plataforma facilita al usuario sin conocimientos el poder actualizar los contenidos y elementos de su web. A cambio el resultado de programaci\u00f3n (HTML, CSS y JS) es m\u00e1s pesado y complejo.<\/p>\n\n\n\n

    La cosa se puede complicar m\u00e1s, ya que WordPress puede incorporar un constructor (Divi, Elementor…) que facilite la composici\u00f3n y decoraci\u00f3n de las p\u00e1ginas. El usuario tendr\u00e1 a\u00fan m\u00e1s control, pero el c\u00f3digo ser\u00e1, tambi\u00e9n, m\u00e1s sucio. Todo esto influye negativamente en la velocidad de carga, que veremos m\u00e1s adelante.<\/p>\n\n\n\n

    \"Constructor
    Los constructores dan autonom\u00eda al cliente, pero son fatales para la velocidad de la web<\/figcaption><\/figure><\/div>\n\n\n\n

    Estos constructores son necesarios cuando el cliente final quiere tener una autonom\u00eda <\/strong>sobre las p\u00e1ginas creadas. Sin embargo, en ocasiones, algunas agencias los usan sin el requerimiento del cliente final. Nosotros lo consideramos una pr\u00e1ctica a evitar<\/strong>, ya que los desarrolladores deben de tener el conocimiento necesario para evitar estas herramientas, que tan solo enmascaran los problemas de programaci\u00f3n.<\/p>\n\n\n\n

    Resumiendo, cuanto m\u00e1s autonom\u00eda para el usuario com\u00fan, m\u00e1s pesado ser\u00e1 el resultado.<\/p>\n\n\n\n

    4- Funcionalidades del desarrollo web<\/h3>\n\n\n\n

    Una web puede, simplemente, ser un folleto de presentaci\u00f3n de la empresa o realizar todo tipo de acciones especiales como ofrecer listados; cuestionarios y test; compras online; subida de archivos a una ftp; contenido multiling\u00fce; integraciones con software externo; p\u00e1ginas amp; foros; galer\u00edas… La lista de opciones es interminable. Evidentemente, cuantas m\u00e1s funcionalidades tenga una web, m\u00e1s compleja ser\u00e1 de desarrollar<\/strong>. El h\u00e1ndicap no es solamente monetario, sino que, adem\u00e1s, cada funcionalidad ser\u00e1 una piedra m\u00e1s en la mochila de la velocidad, que veremos en el punto 7<\/a>.<\/p>\n\n\n\n

    En el caso de que el desarrollo sea bajo WordPress, la mayor parte de estas funcionalidades se consiguen a trav\u00e9s de plugins<\/em>. Se trata de paquetes que se a\u00f1aden e integran con WordPress. Su integraci\u00f3n es sencilla pero, a cambio, suelen crear un mont\u00f3n de c\u00f3digo basura<\/strong> que lastrar\u00e1 la velocidad de carga.<\/p>\n\n\n\n

    Abusar de las funcionalidades y autonom\u00eda lastrar\u00e1 la velocidad de toda la web. El desarrollo debe de ce\u00f1irse a las necesidades<\/p><\/div>

    \n\n\n\n

    En Caronte Web Studio intentamos solucionar las funcionalidades necesarias mediante programaci\u00f3n a medida<\/a><\/strong>, evitando el uso de plugins<\/em>. Esto siempre es posible, pero no siempre sale a cuenta. Plugins <\/em>complejos como el YoastSEO no compensa evitarlos, pero otros, como los de las galer\u00edas, se pueden evitar haciendo un buen uso de las opciones de WordPress y alg\u00fan conocimiento de programaci\u00f3n.<\/p>\n\n\n\n<\/div>

    Divi, Elementor…<\/div>
    EVITA<\/div>
    los builders<\/em> para ganar<\/div>
    velocidad<\/div><\/div><\/div><\/div>\n\n\n\n

    Por ello aconsejamos que las funcionalidades se ajusten al proyecto<\/strong>, ofreciendo las opciones justas y necesarias para el usuario.<\/p>\n\n\n\n

    5- CTA o llamada a la acci\u00f3n<\/h3>\n\n\n\n
    \n
    \n

    Un CTA o Call To Action<\/em> es un bot\u00f3n o enlace sobre el que queremos llamar la atenci\u00f3n para que el usuario interact\u00fae. Cada p\u00e1gina deber\u00eda de tener un prop\u00f3sito definido y deber\u00eda ser claro para el usuario. Si tu dise\u00f1o no tiene claro al menos un CTA por p\u00e1gina<\/strong>, se trata de un proyecto mejorable. <\/p>\n\n\n\n

    Hay muchos tipos, esto son algunos ejemplos de botones CTA:<\/p>\n\n\n\n