{"id":621,"date":"2018-04-24T10:02:59","date_gmt":"2018-04-24T09:02:59","guid":{"rendered":"https:\/\/www.lucushost.com\/blog\/?p=621"},"modified":"2024-10-02T13:58:18","modified_gmt":"2024-10-02T12:58:18","slug":"7-elementos-no-pueden-faltar-pagina-web","status":"publish","type":"post","link":"https:\/\/www.lucushost.com\/blog\/7-elementos-no-pueden-faltar-pagina-web\/","title":{"rendered":"7 elementos que no pueden faltar en tu p\u00e1gina web"},"content":{"rendered":"<p>Sabemos que <strong><a href=\"https:\/\/www.lucushost.com\/blog\/como-crear-una-web-en-wordpress-guia-completa\/\">crear una web<\/a><\/strong> no es coser y cantar, aunque utilizando un CMS o <a href=\"https:\/\/www.lucushost.com\/blog\/gestor-de-contenidos\/\">gestor de contenidos<\/a> como WordPress las cosas se simplifican \u00a1y mucho! Tienes un mont\u00f3n de\u00a0<strong><a href=\"https:\/\/www.lucushost.com\/blog\/los-20-mejores-plugins-para-wordpress\/\">plugins disponibles<\/a><\/strong> y <strong><a href=\"https:\/\/www.lucushost.com\/blog\/las-mejores-plantillas-wordpress-gratis-2018\/\">plantillas completamente gratis<\/a><\/strong> que le dan a tu p\u00e1gina un aspecto muy profesional, pero \u00bfbasta con todo esto? No. Tienes que tener en cuenta que hay <strong>algunos elementos que son imprescindibles en cualquier p\u00e1gina web<\/strong>, as\u00ed que hoy toca hablar de ellos \ud83d\ude42<\/p>\n<p><!--more--><\/p>\n<p>Tambi\u00e9n es cierto que no todas las webs son iguales, ni todas necesitan las mismas funcionalidades, pero todas te permiten tener presencia online y llegar a un p\u00fablico mucho m\u00e1s grande del que puede tener tu negocio a nivel local. As\u00ed que, ahora es el momento de dedicarle un poquito de tiempo y revisar que tenga todo lo necesario para crecer en Internet. Veamos entonces los <strong>7 elementos que no pueden faltar en tu p\u00e1gina web.<\/strong><\/p>\n<div id=\"toc_container\" class=\"no_bullets\"><p class=\"toc_title\">Tabla de contenidos:<\/p><ul class=\"toc_list\"><li><a href=\"#7_elementos_que_no_pueden_faltar_en_tu_pagina_web\">7 elementos que no pueden faltar en tu p\u00e1gina web<\/a><ul><li><a href=\"#1_Certificado_SSL\">1. Certificado SSL.<\/a><\/li><li><a href=\"#2_Formulario_de_contacto\">2. Formulario de contacto<\/a><\/li><li><a href=\"#3_Seccion_de_contacto\">3. Secci\u00f3n de contacto<\/a><\/li><li><a href=\"#4_CTA_o_call_to_action\">4. CTA o call to action<\/a><\/li><li><a href=\"#5_Version_responsive\">5. Versi\u00f3n responsive<\/a><\/li><li><a href=\"#6_Buena_estructura_y_orden_de_los_contenidos\">6. Buena estructura y orden de los contenidos<\/a><\/li><li><a href=\"#7_Enlaces_a_redes_sociales\">7. Enlaces a redes sociales<\/a><\/li><\/ul><\/li><li><a href=\"#Ahora_es_tu_turno\">\u00a1Ahora es tu turno!<\/a><\/li><\/ul><\/div>\n\n<h2><span id=\"7_elementos_que_no_pueden_faltar_en_tu_pagina_web\">7 elementos que no pueden faltar en tu p\u00e1gina web<\/span><\/h2>\n<p>Nos atrever\u00edamos a decir que, en la mayor\u00eda de los casos, estos elementos que te mostramos a continuaci\u00f3n son casi \u201cobligatorios\u201d en cualquier web. \u00a1A ver t\u00fa si opinas lo mismo!<\/p>\n<h3><span id=\"1_Certificado_SSL\">1. Certificado SSL.<\/span><\/h3>\n<p>S\u00ed, empezamos por lo importante. Google ha decidido volver a modificar su algoritmo y, en julio de este a\u00f1o, empezar\u00e1 a <a href=\"https:\/\/www.lucushost.com\/blog\/google-chrome-marcara-todas-webs-http-como-no-seguras\/\"><strong>marcar como NO seguras todas las webs que no funcionen con HTTPS<\/strong><\/a>.<\/p>\n<p>Por tanto, un <strong><a href=\"https:\/\/www.lucushost.com\/certificados-ssl\">tener un certificado SSL<\/a> <\/strong>ya no es cosa solo de los ecommerce ni de las empresas m\u00e1s grandes. Por muy peque\u00f1a que sea tu web y, aunque no recopiles informaci\u00f3n personal ni de pago, es necesario si no quieres que Google te castigue por ello.<\/p>\n<p>\u00bfLo mejor de todo? Qu\u00e9 puedes tenerlo completamente gratis. Por ejemplo, con nuestros <strong><a href=\"https:\/\/www.lucushost.com\/hosting-ssd\">planes de Hosting SSD<\/a><\/strong> tienes un certificado Let\u2019s Encrypt que te permite a\u00f1adir un certificado sin pagar ni un solo euro.<\/p>\n<p>Si quieres conocer un poco mejor las diferencias entre este tipo de certificados gratuitos y de pago, \u00e9chale un ojo a nuestro art\u00edculo <a href=\"https:\/\/www.lucushost.com\/blog\/lets-encrypt-vs-certificado-ssl-pago-se-diferencian\/\"><strong>Let\u2019s Encrypt Vs Certificado SSL de pago. \u00bfEn qu\u00e9 se diferencian?<\/strong><\/a><\/p>\n<h3><span id=\"2_Formulario_de_contacto\">2. Formulario de contacto<\/span><\/h3>\n<p>P\u00f3nselo f\u00e1cil a tus visitas. Un formulario de contacto no solo es una manera de que tus visitas puedan contactar contigo, realmente es una <strong>puerta abierta las 24 horas del d\u00eda<\/strong> hacia nuevos clientes.<\/p>\n<p>Es una forma muy sencilla de que los usuarios se pongan en contacto contigo. No necesitan marcar un n\u00famero de tel\u00e9fono y esperar una respuesta, ni tampoco acceder a su gestor de correo a enviarte la consulta. Desde tu misma p\u00e1gina web, pueden exponer sus dudas o consultas de manera r\u00e1pida y esto har\u00e1 que muchas m\u00e1s personas se pongan en contacto contigo. Y ya sabes, cuantas m\u00e1s conversiones en tu web, <strong>mayor es la posibilidad de ganar clientes.<\/strong><\/p>\n<p>Si todav\u00eda est\u00e1s un poco verde en esto o tu plantilla no incluye uno, nosotros te explicamos <strong><a href=\"https:\/\/www.lucushost.com\/blog\/como-crear-un-formulario-en-wordpress-con-contact-form-7\/\">c\u00f3mo crear un formulario de contacto en WordPress con Contact Form 7<\/a><\/strong>. Es muy sencillo de utilizar y puedes personalizarlo completamente a tu gusto.<\/p>\n<p>\u00bfNecesitas inspiraci\u00f3n? Aqu\u00ed tienes un buen ejemplo de c\u00f3mo lo hacen en <strong><a href=\"http:\/\/lacriaturacreativa.com\/\" target=\"_blank\" rel=\"noopener nofollow\">La Criatura Creativa<\/a><\/strong>:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-623 size-full\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2018\/04\/ejemlo-formulario-contacto.png\" alt=\"Ejemplo de formulario de contacto de La Criatura Creativa\" width=\"1199\" height=\"491\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2018\/04\/ejemlo-formulario-contacto.png 1199w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2018\/04\/ejemlo-formulario-contacto-300x123.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2018\/04\/ejemlo-formulario-contacto-768x315.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2018\/04\/ejemlo-formulario-contacto-1024x419.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2018\/04\/ejemlo-formulario-contacto-700x287.png 700w\" sizes=\"(max-width: 1199px) 100vw, 1199px\" \/><\/p>\n<h3><span id=\"3_Seccion_de_contacto\">3. Secci\u00f3n de contacto<\/span><\/h3>\n<p>Si hablamos de elementos que no pueden faltar en una web, no podemos dejar de mencionar la secci\u00f3n de contacto. Adem\u00e1s, \u00bfqu\u00e9 otra <strong>secci\u00f3n de tu web ser\u00eda m\u00e1s id\u00f3nea<\/strong> que esta para a\u00f1adir tu formulario de contacto?<\/p>\n<p>No todos los que visitan tu web lo hacen para comprar (\u00a1ojal\u00e1 fuese as\u00ed!), pero la realidad es que no. A\u00f1ade tu n\u00famero de tel\u00e9fono, una direcci\u00f3n de correo electr\u00f3nico, tus perfiles de redes sociales\u2026 Es decir, dale a tus visitas todas las posibilidades para que no cierren tu p\u00e1gina y se vayan a la competencia.<\/p>\n<h3><span id=\"4_CTA_o_call_to_action\">4. CTA o call to action<\/span><\/h3>\n<p>Quiz\u00e1 tengas una web muy bien optimizada o tu contenido sea realmente bueno, pero si no potencias las conversiones de tu web, estar\u00e1s <strong>perdiendo muchas oportunidades de venta.<\/strong><\/p>\n<p>Es necesario que impactes en tus visitas y conseguir encaminarlos para que realicen la acci\u00f3n que est\u00e1s buscando. Obviamente el objetivo no siempre es \u201cComprar\u201d, en otras ocasiones es simplemente la descarga de un ebook, registrarse en tu web o hacer una reserva.<\/p>\n<p>El clic <strong>no se consigue gratis<\/strong>, as\u00ed que es necesario tambi\u00e9n que te esmeres un poco en el dise\u00f1o y el copywriting del bot\u00f3n o del CTA que vayas a incluir en tu web. Tienes que utilizar un lenguaje directo y un dise\u00f1o que siga el estilo de la web, aunque siempre buscando<strong> el contraste y la visibilidad<\/strong> para que hagan clic en \u00e9l.<\/p>\n<p>\u00bfTe has fijado en el ejemplo que te pusimos del formulario de contacto? El bot\u00f3n de \u201cEnviar\u201d es muy buen ejemplo de lo que estamos hablando. El texto es directo y el dise\u00f1o, aunque siga la l\u00ednea de la web,<strong> impacta claramente en el usuario<\/strong> y no hay duda que el siguiente paso que tienes que hacer es enviar tu consulta.<\/p>\n<p>\u00a1Ojo! Incluir uno o varios CTAs en tu web es una buena manera de ejercer de gu\u00eda de tus usuarios, pero tampoco te pases. Si llenas tu de botones, dif\u00edcilmente podr\u00e1s diferenciar unos de otros y, en vez de impactar en el usuario, lo \u00fanico que conseguir\u00e1s es confundirlo todav\u00eda m\u00e1s. Skyscanner lo hace muy bien:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-625 size-full\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2018\/04\/ejemplo-cta-skyscanner.png\" alt=\"Ejemplo de CTA de Skyscanner\" width=\"1149\" height=\"445\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2018\/04\/ejemplo-cta-skyscanner.png 1149w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2018\/04\/ejemplo-cta-skyscanner-300x116.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2018\/04\/ejemplo-cta-skyscanner-768x297.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2018\/04\/ejemplo-cta-skyscanner-1024x397.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2018\/04\/ejemplo-cta-skyscanner-700x271.png 700w\" sizes=\"(max-width: 1149px) 100vw, 1149px\" \/><\/p>\n<h3><span id=\"5_Version_responsive\">5. Versi\u00f3n responsive<\/span><\/h3>\n<p>Al igual que tener un certificado SSL, Google se ha puesto serio con el tema de la experiencia de usuario. Su nuevo algoritmo <strong><a href=\"https:\/\/www.lucushost.com\/blog\/mobile-first-index-google-afecta-al-seo\/\">Mobile-First Index de Google<\/a><\/strong> ya est\u00e1 empezando a funcionar, as\u00ed que si no quieres perder posiciones a nivel de SEO, tienes que adaptar tu web a m\u00f3viles, \u00a1s\u00ed o s\u00ed!<\/p>\n<p>Hace ya m\u00e1s de dos a\u00f1os que <strong><a href=\"http:\/\/www.elmundo.es\/sociedad\/2016\/04\/04\/57026219e2704e90048b465e.html\" target=\"_blank\" rel=\"noopener nofollow\">el m\u00f3vil se ha posicionado como el principal dispositivo de acceso a Internet<\/a> <\/strong>frente al ordenador, as\u00ed que es el momento de trabajar en el dise\u00f1o de una web responsive.<\/p>\n<p>Si por el contrario ya est\u00e1s trabajando en ello, aqu\u00ed tienes <strong><a href=\"https:\/\/www.lucushost.com\/blog\/7-herramientas-probar-web-dispositivos-moviles\/\">algunas herramientas que te permiten probar tu web en dispositivos m\u00f3viles<\/a><\/strong>.<\/p>\n<h3><span id=\"6_Buena_estructura_y_orden_de_los_contenidos\">6. Buena estructura y orden de los contenidos<\/span><\/h3>\n<p>Utilizar una tipograf\u00eda original, una buena paleta de colores o ser consistente con las gu\u00edas de estilo de tu marca es imprescindible si quieres conseguir un buen dise\u00f1o web, \u00a1pero no lo es todo!<\/p>\n<p>Es necesario que tu web est\u00e9 bien estructurada desde el minuto cero. Tienes que conseguir que tus visitas naveguen f\u00e1cilmente por tu web, es decir, necesitas que tenga un<strong> dise\u00f1o intuitivo<\/strong> y esto solo lo conseguir\u00e1s cuando el dise\u00f1o est\u00e1<strong> pensado en el usuario.<\/strong><\/p>\n<p>Ten claro que si las visitas que aterrizan en tu web no localizan f\u00e1cilmente la informaci\u00f3n que buscan, se ir\u00e1n r\u00e1pidamente y esto Google lo tendr\u00e1 muy en cuenta. Adem\u00e1s de beneficiar al usuario, una buena <a href=\"https:\/\/www.lucushost.com\/blog\/que-es-la-arquitectura-web\/\">arquitectura web<\/a> <strong>favorece la indexaci\u00f3n en Google<\/strong>, por lo que siempre es un punto a favor para ti. En cambio, si tu web es un aut\u00e9ntico desorden, el desastre est\u00e1 asegurado.<\/p>\n<h3><span id=\"7_Enlaces_a_redes_sociales\">7. Enlaces a redes sociales<\/span><\/h3>\n<p>Las tornas han cambiado mucho. El p\u00fablico ya no solo busca informaci\u00f3n, sino que quiere interactuar con ella. As\u00ed que ya no tienes escapatoria, tienes que darles las herramientas que necesitan para hacerlo, por ejemplo, Facebook, Twitter e Instagram son algunas de las m\u00e1s utilizadas.<\/p>\n<p>Adem\u00e1s, \u00bfsab\u00edas que <a href=\"https:\/\/www.dreamgrow.com\/21-social-media-marketing-statistics\/\" target=\"_blank\" rel=\"noopener nofollow\"><strong>el 71% de los clientes<\/strong><\/a> que tienen una experiencia positiva con la marca en redes sociales la recomiendan a otros usuarios? Seguro que ya lo sabes por experiencia, pero tener un perfil en redes sociales es una buena forma de interactuar con tu p\u00fablico y humanizar tu marca.<\/p>\n<p>No pretendemos darte m\u00e1s razones para tener presencia en redes sociales, simplemente queremos que sepas la <strong>importancia de vincular tus perfiles a tu p\u00e1gina web<\/strong>. Podr\u00e1n conectar contigo en cuesti\u00f3n de segundos y t\u00fa estar\u00e1s ganando posibilidades de conversi\u00f3n, as\u00ed que \u00bfpor qu\u00e9 no hacerlo?<\/p>\n<p>Hoy en d\u00eda casi todas las plantillas incluyen los iconos de redes sociales, generalmente en el footer, as\u00ed que no tendr\u00e1s que realizar ninguna configuraci\u00f3n ni ning\u00fan ajuste adicional.<\/p>\n<div id=\"attachment_626\" style=\"width: 1139px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-626\" class=\"wp-image-626 size-full\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2018\/04\/ejemplo-iconos-sociales-blablacar.png\" alt=\"Ejemplo de iconos de redes sociales de BlaBlaCar\" width=\"1129\" height=\"293\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2018\/04\/ejemplo-iconos-sociales-blablacar.png 1129w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2018\/04\/ejemplo-iconos-sociales-blablacar-300x78.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2018\/04\/ejemplo-iconos-sociales-blablacar-768x199.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2018\/04\/ejemplo-iconos-sociales-blablacar-1024x266.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2018\/04\/ejemplo-iconos-sociales-blablacar-700x182.png 700w\" sizes=\"(max-width: 1129px) 100vw, 1129px\" \/><p id=\"caption-attachment-626\" class=\"wp-caption-text\">Ejemplo extra\u00eddo de la p\u00e1gina de BlaBlaCar.<\/p><\/div>\n<h2><span id=\"Ahora_es_tu_turno\">\u00a1Ahora es tu turno!<\/span><\/h2>\n<p>Despu\u00e9s de este recorrido por los 7 elementos que no podr\u00edan faltar en tu p\u00e1gina web, \u00bfcu\u00e1l crees que tambi\u00e9n deber\u00edamos a\u00f1adir a esta lista? O por el contrario, \u00bfcrees que hay alguno que deber\u00edamos eliminar?<\/p>\n<p>D\u00e9janos un comentario y, si quieres, lo debatimos \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sabemos que crear una web no es coser y cantar, aunque utilizando un CMS o gestor de contenidos como WordPress las cosas se simplifican \u00a1y mucho! Tienes un mont\u00f3n de\u00a0plugins disponibles y plantillas completamente gratis que le dan a tu p\u00e1gina un aspecto muy profesional, pero \u00bfbasta con todo esto? No. Tienes que tener en cuenta que hay algunos elementos que son imprescindibles en cualquier p\u00e1gina web, as\u00ed que hoy toca hablar de ellos \ud83d\ude42<\/p>\n","protected":false},"author":3,"featured_media":622,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[44,46],"tags":[58,54,47,63],"_links":{"self":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/621"}],"collection":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/comments?post=621"}],"version-history":[{"count":4,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/621\/revisions"}],"predecessor-version":[{"id":10808,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/621\/revisions\/10808"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/media\/622"}],"wp:attachment":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/media?parent=621"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/categories?post=621"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/tags?post=621"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}