{"id":464,"date":"2024-08-17T12:56:17","date_gmt":"2024-08-17T10:56:17","guid":{"rendered":"https:\/\/daloji.com\/es\/?p=464"},"modified":"2024-08-19T19:16:43","modified_gmt":"2024-08-19T17:16:43","slug":"como-hacer-una-web-en-menos-de-una-hora","status":"publish","type":"post","link":"https:\/\/daloji.com\/es\/como-hacer-una-web-en-menos-de-una-hora\/","title":{"rendered":"C\u00f3mo hacer una web en menos de una hora"},"content":{"rendered":"\n<p>Aqu\u00ed te muestro c\u00f3mo hacer una p\u00e1gina web de manera f\u00e1cil, simple, r\u00e1pido y barato. Lo primero que tienes que saber es qu\u00e9 necesitas:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Dominio<\/th><th>Hosting<\/th><th>Contenido<\/th><\/tr><\/thead><tbody><tr><td>En el mundo f\u00edsico, ser\u00eda la direcci\u00f3n de tu local. Online es lo que van a escribir para encontrarte.<\/td><td>Similar a los metros cuadrados de tu local. El espacio de almacenamiento digital.<\/td><td>Lo que aportas cuando alguien entra en tu sitio.<\/td><\/tr><tr><td>Por ejemplo: \u00abtunombre.com\u00bb<\/td><td>Dependiendo del contenido, audiencia y funcionalidades, necesitar\u00e1s m\u00e1s o menos.<\/td><td>Obviamente necesitas tener algo que vender, productos \/ servicios.<\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">Dominio + Hosting + Contenido = Web<\/figcaption><\/figure>\n\n\n\n<p>Obviamente hay muchas opciones y maneras, sin embargo en este post vamos a lo m\u00e1s r\u00e1pido y funcional.<\/p>\n\n\n\n<p class=\"has-heading-2-font-size\">Lo que yo har\u00eda si quiero tener una peque\u00f1a web personal para ofrecer mis servicios o productos.<\/p>\n\n\n\n<p>Mi recomendaci\u00f3n es contratar un dominio y hosting en el proveedor que ofrezca ambas soluciones integradas y tenga buen servicio para WordPress, que es lo que vamos a utilizar para \u00abdar forma\u00bb (CMS) a nuestra web.<\/p>\n\n\n\n<p>Vamos a tomar como referencia una web con un formulario de contacto, donde presentamos nuestros servicios y experiencia, y complementa que podamos filtrar mejor a las personas y tener organizados todos los contactos online de nuestro negocio.<\/p>\n\n\n\n<p>Ya hemos dicho que necesitamos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Dominio<\/li>\n\n\n\n<li>Hosting<\/li>\n\n\n\n<li>Contenido<\/li>\n\n\n\n<li>Email donde recibir las notificaciones de contacto.<\/li>\n<\/ul>\n\n\n\n<p class=\"has-heading-3-font-size\">Paso 1: Seleccionar el dominio y contratar el hosting.<\/p>\n\n\n\n<p>Yo trabajo con <a href=\"https:\/\/www.hostinger.es\/?REFERRALCODE=1LOPZDAVID64\" data-type=\"link\" data-id=\"https:\/\/www.hostinger.es\/?REFERRALCODE=1LOPZDAVID64\" target=\"_blank\" rel=\"noreferrer noopener\">Hostinger<\/a>, son una empresa seria y profesional que por menos de 3 euros al mes te ofrecen un plan de hosting y dominio, soporte y ayuda para poner en funcionamiento tu web con unos pocos clicks.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"476\" src=\"https:\/\/daloji.com\/es\/wp-content\/uploads\/sites\/2\/2024\/08\/image-1024x476.png\" alt=\"Hostinger\" class=\"wp-image-468\" srcset=\"https:\/\/daloji.com\/es\/wp-content\/uploads\/sites\/2\/2024\/08\/image-1024x476.png 1024w, https:\/\/daloji.com\/es\/wp-content\/uploads\/sites\/2\/2024\/08\/image-300x139.png 300w, https:\/\/daloji.com\/es\/wp-content\/uploads\/sites\/2\/2024\/08\/image-768x357.png 768w, https:\/\/daloji.com\/es\/wp-content\/uploads\/sites\/2\/2024\/08\/image-1536x714.png 1536w, https:\/\/daloji.com\/es\/wp-content\/uploads\/sites\/2\/2024\/08\/image.png 1867w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-foreground-color has-text-color has-link-color wp-element-button\" href=\"https:\/\/www.hostinger.es\/?REFERRALCODE=1LOPZDAVID64\" target=\"_blank\" rel=\"https:\/\/www.hostinger.es\/?REFERRALCODE=1LOPZDAVID64 noopener\">Hostinger &#8211; Mi provedor recomendado<\/a><\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"269\" src=\"https:\/\/daloji.com\/es\/wp-content\/uploads\/sites\/2\/2024\/08\/image-1.png\" alt=\"Crear web con hostinger\" class=\"wp-image-473\" srcset=\"https:\/\/daloji.com\/es\/wp-content\/uploads\/sites\/2\/2024\/08\/image-1.png 800w, https:\/\/daloji.com\/es\/wp-content\/uploads\/sites\/2\/2024\/08\/image-1-300x101.png 300w, https:\/\/daloji.com\/es\/wp-content\/uploads\/sites\/2\/2024\/08\/image-1-768x258.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Aqu\u00ed tendr\u00e1s dos opciones:<\/p>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Crear directamente con su constructor de webs &#8211; Opci\u00f3n m\u00e1s f\u00e1cil<\/summary>\n<p>Es lo m\u00e1s f\u00e1cil e intuitivo. Incluso ofrecen herramientas de inteligencia artificial para poder completar tu contenido. Si tu web va a ser est\u00e1tica, no vas a necesitar actualizarla cada poco tiempo, y no te quieres complicar. Esta es tu opci\u00f3n.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.hostinger.es\/plantillas-web?REFERRALCODE=1LOPZDAVID64\" data-type=\"link\" data-id=\"https:\/\/www.hostinger.es\/plantillas-web?REFERRALCODE=1LOPZDAVID64\">Revisa aqu\u00ed las plantillas que ofrecen.<\/a><\/p>\n\n\n\n<p><\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Elegir WordPress &#8211; Opci\u00f3n para largo plazo<\/summary>\n<p>Tambi\u00e9n es f\u00e1cil, pero bastante m\u00e1s vers\u00e1til que el constructor de Hostinger. Si est\u00e1s mirando a que tu proyecto tenga m\u00e1s funciones, contenido, y sea escalable. Esta es la mejor opci\u00f3n para el largo plazo.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n<\/details>\n\n\n\n<p class=\"has-heading-3-font-size\">Paso 2: Seleccionar plantilla.<\/p>\n\n\n\n<p>Dependiendo del \u00abtipo de constructor\u00bb que has elegido en el paso previo, tendr\u00e1s opci\u00f3n de utilizar las plantillas de Hostinger o las de WordPress. Como esta segunda opci\u00f3n es un poco m\u00e1s compleja y permite m\u00e1s desarrollo a largo plazo, aqu\u00ed te dejo mis <a href=\"https:\/\/wordpress.org\/themes\/\">recomendaciones sobre las plantillas de WordPress<\/a>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Primero, deber\u00e1s tener definida la estructura de tu web, es decir, si ser\u00e1 un blog, simplemente una p\u00e1gina con un formulario de contacto, una tienda online, portafolio, etc. En funci\u00f3n de eso podr\u00e1s filtrar lo que m\u00e1s se adapte a tus necesidades.<\/li>\n\n\n\n<li>Que sea compatible con Gutenberg, el editor de bloques de WordPress. Esto har\u00e1 m\u00e1s sencillo el dise\u00f1o, ya que solo deber\u00e1s arrastrar los bloques y podr\u00e1s mover el contenido con facilidad sin necesidad de pelearte demasiado con el c\u00f3digo.<\/li>\n\n\n\n<li>Recomiendo buscar en https:\/\/wordpress.org\/themes\/ que es el repositorio de plantillas de WordPress. Aunque hay sitios de terceros que tambi\u00e9n venden temas, en ocasiones puede ser dif\u00edcil diferenciar cu\u00e1les est\u00e1n bien construidos y cu\u00e1les no. Por lo tanto, mejor utilizar los que recomienda la p\u00e1gina oficial.<\/li>\n\n\n\n<li>Compatibilidad con varios idiomas, en caso de que nuestra web sea para varios pa\u00edses.<\/li>\n\n\n\n<li>Velocidad, en este caso, trata de ser lo m\u00e1s minimalista posible, es decir, si es posible, elige un tema (plantilla) que no lleve funcionalidades de m\u00e1s. Ya que los \u00abpor si acaso\u00bb afectan la velocidad de carga de nuestra web, y en el caso de que algo sea necesario, se podr\u00e1 desarrollar a posteriori cuando nuestro negocio ya est\u00e9 asentado. <em><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-primary-color\">Es lo bueno de WordPress, que gracias a la amplia comunidad y plugins, aunque tu web \u00abno tenga algo\u00bb, es muy f\u00e1cil encontrar una soluci\u00f3n para a\u00f1adirlo. Mucho m\u00e1s f\u00e1cil que eliminar algo \u00abpre-instalado\u00bb en nuestra plantilla.<\/mark><\/em><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"128\" src=\"https:\/\/daloji.com\/es\/wp-content\/uploads\/sites\/2\/2024\/08\/image-2-1024x128.png\" alt=\"\" class=\"wp-image-499\" srcset=\"https:\/\/daloji.com\/es\/wp-content\/uploads\/sites\/2\/2024\/08\/image-2-1024x128.png 1024w, https:\/\/daloji.com\/es\/wp-content\/uploads\/sites\/2\/2024\/08\/image-2-300x37.png 300w, https:\/\/daloji.com\/es\/wp-content\/uploads\/sites\/2\/2024\/08\/image-2-768x96.png 768w, https:\/\/daloji.com\/es\/wp-content\/uploads\/sites\/2\/2024\/08\/image-2-1536x191.png 1536w, https:\/\/daloji.com\/es\/wp-content\/uploads\/sites\/2\/2024\/08\/image-2.png 1901w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"has-heading-3-font-size\">Paso 3: Plugins.<\/p>\n\n\n\n<p>Los plugins son paquetes de c\u00f3digo que ya vienen configurados para que puedan aportar funcionalidades a tu sitio web, activ\u00e1ndolo con tan solo un par de clics.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"428\" src=\"https:\/\/daloji.com\/es\/wp-content\/uploads\/sites\/2\/2024\/08\/image-3-1024x428.png\" alt=\"\" class=\"wp-image-500\" srcset=\"https:\/\/daloji.com\/es\/wp-content\/uploads\/sites\/2\/2024\/08\/image-3-1024x428.png 1024w, https:\/\/daloji.com\/es\/wp-content\/uploads\/sites\/2\/2024\/08\/image-3-300x125.png 300w, https:\/\/daloji.com\/es\/wp-content\/uploads\/sites\/2\/2024\/08\/image-3-768x321.png 768w, https:\/\/daloji.com\/es\/wp-content\/uploads\/sites\/2\/2024\/08\/image-3-1536x642.png 1536w, https:\/\/daloji.com\/es\/wp-content\/uploads\/sites\/2\/2024\/08\/image-3.png 1743w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Lo bueno de los plugins es que permiten que tu web se pueda ir adaptando a cualquier requerimiento. As\u00ed podr\u00e1s ir a\u00f1adiendo funcionalidades como formularios de contacto, optimizaci\u00f3n para buscadores (SEO), mejoras en el dise\u00f1o, funcionalidades de tienda online, etc.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>SEO: <a href=\"https:\/\/yoast.com\/\" data-type=\"link\" data-id=\"https:\/\/yoast.com\/\">Yoast SEO<\/a>, <a href=\"https:\/\/es.wordpress.org\/plugins\/all-in-one-seo-pack\/\" data-type=\"link\" data-id=\"https:\/\/es.wordpress.org\/plugins\/all-in-one-seo-pack\/\">All In One SEO<\/a>, <a href=\"https:\/\/theseoframework.com\/\" data-type=\"link\" data-id=\"https:\/\/theseoframework.com\/\">The SEO Framework<\/a>. Todos ellos tienen una versi\u00f3n gratuita y configuraci\u00f3n avanzada de pago. <\/li>\n\n\n\n<li>Formularios de contacto: <a href=\"https:\/\/es.wordpress.org\/plugins\/contact-form-7\/\" data-type=\"link\" data-id=\"https:\/\/es.wordpress.org\/plugins\/contact-form-7\/\" target=\"_blank\" rel=\"noreferrer noopener\">Contact Form 7<\/a>, <a href=\"https:\/\/ninjaforms.com\/\" data-type=\"link\" data-id=\"https:\/\/ninjaforms.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ninja Forms<\/a>, <a href=\"https:\/\/www.gravityforms.com\/\" data-type=\"link\" data-id=\"https:\/\/www.gravityforms.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Gravity Forms<\/a>, WP Forms. <\/li>\n\n\n\n<li>Dise\u00f1o: <a href=\"https:\/\/elementor.com\/\" data-type=\"link\" data-id=\"https:\/\/elementor.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Elementor<\/a>, <a href=\"https:\/\/www.elegantthemes.com\/gallery\/divi\/\" data-type=\"link\" data-id=\"https:\/\/www.elegantthemes.com\/gallery\/divi\/\">Divi<\/a>, <a href=\"https:\/\/visualcomposer.com\/\">Visual Composer<\/a>, etc. Elementor es el que m\u00e1s se viene usando y mi preferido.<\/li>\n\n\n\n<li>Ecommerce: <a href=\"https:\/\/wordpress.org\/plugins\/woocommerce\/\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/plugins\/woocommerce\/\" target=\"_blank\" rel=\"noreferrer noopener\">WooCommerce<\/a>, Shopify, <a href=\"https:\/\/memberpress.com\/\" data-type=\"link\" data-id=\"https:\/\/memberpress.com\/\">Memberpress<\/a>, etc. La elecci\u00f3n de ellos depender\u00e1 si es una peque\u00f1a tienda, si necesitamos algo m\u00e1s avanzado o por el contrario es un sitio con diferentes tipos de acceso, como por ejemplo una academia online.<\/li>\n\n\n\n<li>Automatizaci\u00f3n: <a href=\"https:\/\/es.wordpress.org\/plugins\/automatorwp\/\" data-type=\"link\" data-id=\"https:\/\/es.wordpress.org\/plugins\/automatorwp\/\" target=\"_blank\" rel=\"noreferrer noopener\">Automator WP<\/a>, <a href=\"https:\/\/es.wordpress.org\/plugins\/zapier\/\" data-type=\"link\" data-id=\"https:\/\/es.wordpress.org\/plugins\/zapier\/\">Zapier<\/a>, <a href=\"https:\/\/es.wordpress.org\/plugins\/integromat-connector\/\" data-type=\"link\" data-id=\"https:\/\/es.wordpress.org\/plugins\/integromat-connector\/\">Make<\/a>, o <a href=\"https:\/\/getaawp.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">AAWP<\/a>. Este tipo de plugins te permitir\u00e1 conectar tu sitio web y automatizar procesos con otro tipo de soluciones o integraciones. <\/li>\n\n\n\n<li>Seguridad extra: <a href=\"https:\/\/es.wordpress.org\/plugins\/all-in-one-wp-security-and-firewall\/\" data-type=\"link\" data-id=\"https:\/\/es.wordpress.org\/plugins\/all-in-one-wp-security-and-firewall\/\" target=\"_blank\" rel=\"noreferrer noopener\">All In One WP Security &amp; Firewall <\/a> o <a href=\"https:\/\/www.wordfence.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Wordfence<\/a>.<\/li>\n\n\n\n<li>Cookies: <a href=\"https:\/\/wordpress.com\/es\/plugins\/cookie-notice\" data-type=\"link\" data-id=\"https:\/\/wordpress.com\/es\/plugins\/cookie-notice\" target=\"_blank\" rel=\"noreferrer noopener\">Cookie Notice &amp; Compliance for GDPR \/ CCPA<\/a> o <a href=\"https:\/\/wordpress.com\/es\/plugins\/cookie-law-info\" data-type=\"link\" data-id=\"https:\/\/wordpress.com\/es\/plugins\/cookie-law-info\">CookieYes<\/a> para el consentimiento y gesti\u00f3n de cookies de tu sitio web.<\/li>\n<\/ul>\n\n\n\n<p class=\"has-heading-3-font-size\">Paso 4: Contenido y testeo del MVP.<\/p>\n\n\n\n<p>Aqu\u00ed ya tendr\u00edamos un Producto M\u00ednimo Viable para empezar a utilizar nuestra web. Antes de nada es necesaria una revisi\u00f3n final de que todo funcione correctamente y se muestra bien.<\/p>\n\n\n\n<p>Recuerda que esto es un peque\u00f1o marco de trabajo con los pasos b\u00e1sicos para montar una web en WordPress. Sin embargo, hay siempre opciones diferentes, tanto de configuraci\u00f3n como de herramientas.<\/p>\n\n\n\n<p>El espectro de soluciones y proveedores para preparar una pagina web es extenso, sin embargo, me he decantado por WordPress porque es la soluci\u00f3n m\u00e1s utilizada y Hostinger porque llevo trabajando con ellos a\u00f1os.<\/p>\n\n\n\n<p>Espero que te ayude y \u00a1\u00e1nimo con tu proyecto!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aqu\u00ed te muestro c\u00f3mo hacer una p\u00e1gina web de manera f\u00e1cil, simple, r\u00e1pido y barato. Lo primero que tienes que saber es qu\u00e9 necesitas: Dominio Hosting Contenido En el mundo f\u00edsico, ser\u00eda la direcci\u00f3n de tu local. Online es lo que van a escribir para encontrarte. Similar a los metros cuadrados de tu local. El [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-464","post","type-post","status-publish","format-standard","hentry","category-herramientas"],"_links":{"self":[{"href":"https:\/\/daloji.com\/es\/wp-json\/wp\/v2\/posts\/464","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/daloji.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/daloji.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/daloji.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/daloji.com\/es\/wp-json\/wp\/v2\/comments?post=464"}],"version-history":[{"count":23,"href":"https:\/\/daloji.com\/es\/wp-json\/wp\/v2\/posts\/464\/revisions"}],"predecessor-version":[{"id":501,"href":"https:\/\/daloji.com\/es\/wp-json\/wp\/v2\/posts\/464\/revisions\/501"}],"wp:attachment":[{"href":"https:\/\/daloji.com\/es\/wp-json\/wp\/v2\/media?parent=464"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/daloji.com\/es\/wp-json\/wp\/v2\/categories?post=464"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/daloji.com\/es\/wp-json\/wp\/v2\/tags?post=464"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}