{"id":6152,"date":"2019-04-11T11:22:52","date_gmt":"2019-04-11T09:22:52","guid":{"rendered":"https:\/\/neoattack.com\/blog\/?p=6152"},"modified":"2026-10-07T10:21:33","modified_gmt":"2026-10-07T08:21:33","slug":"hacer-una-homepage","status":"publish","type":"post","link":"https:\/\/neoattack.com\/blog\/hacer-una-homepage\/","title":{"rendered":"\u00bfC\u00f3mo hacer una homepage perfecta en 8 pasos?"},"content":{"rendered":"<p><b>En muchas ocasiones solo tendr\u00e1s una \u00fanica oportunidad de impresionar a tu futuro cliente<\/b><span style=\"font-weight: 400;\">, tenlo en cuenta a la hora de <strong>hacer una homepage<\/strong> para tu web.\u00a0Ser\u00e1n muchos los clientes que se lleven una primera impresi\u00f3n de tu negocio a trav\u00e9s de tu homepage, por lo que querr\u00e1s que la experiencia les deje huella, \u00bfverdad? Pues debes <a href=\"https:\/\/neoattack.com\/blog\/como-crear-pagina-web\/\">crear una p\u00e1gina web<\/a> con una home muy cuidada.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">En la vida cotidiana, decidimos muchas cosas en base a nuestra primera impresi\u00f3n. Si vemos un restaurante con aspecto elegante mientras paseamos por la calle, lo m\u00e1s l\u00f3gico es pensar que se come bien all\u00ed e inconscientemente lo anotaremos en nuestro cerebro para quiz\u00e1 volver all\u00ed cuando quieras almorzar.<\/span><\/p>\n<blockquote><p>En<strong> <a href=\"https:\/\/neoattack.com\/blog\/mejores-agencias-diseno-web\/\">este post<\/a> <\/strong>puedes encontrar un r\u00e1nking con las mejores agencias de dise\u00f1o web<\/p><\/blockquote>\n<p><span style=\"font-weight: 400;\">Por contra, si vemos un restaurante con un aspecto descuidado, creeremos que su cocina es de baja calidad y no lo recordaremos cuando busquemos un sitio al que salir a comer. Evidentemente, la primera impresi\u00f3n puede ser equivocada, pero es poco probable que le lleguemos a dar la oportunidad de demostrar que estamos equivocados. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Debido a esta circunstancia, todo es importante: el dise\u00f1o, la funcionalidad, el contenido, la rapidez, etc. Todo esto dibujar\u00e1 en la mente del usuario una imagen de tu marca. Y como no quieres que se lleve una mala impresi\u00f3n, \u00a1debes hacer una homepage debe ser perfecta!<\/span><\/p>\n<h2><b>Pasos y ejemplos de p\u00e1ginas de inicio que enamoran<\/b><\/h2>\n<p>Si realizas los pasos correctos y te inspiras en los ejemplos que vas a ver a continuaci\u00f3n, estamos seguros que hacer una homepage cinco estrellas ser\u00e1 sencillo para ti. \u00bfEst\u00e1s preparado? \u00a1Vamos all\u00e1!<\/p>\n<h3><span style=\"font-weight: 400;\">Habla de tu marca en la home<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">La homepage tiene que responder a la pregunta de qui\u00e9n eres t\u00fa. Seas el tipo de empresa o marca que seas y ofrezcas el tipo de servicio que ofrezcas, dilo en tu homepage. El usuario que ha accedido a tu p\u00e1gina web debe estar convencido de que est\u00e1 en el lugar correspondiente a su b\u00fasqueda. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Un buen ejemplo es el de la p\u00e1gina principal de \u201cHubSpot\u201d, que dice claramente qu\u00e9 es y qu\u00e9 puede conseguir para sus clientes.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><img fetchpriority=\"high\" decoding=\"async\" class=\"size-full wp-image-24511 aligncenter\" src=\"https:\/\/neoattack.com\/wp-content\/uploads\/2019\/04\/logotipo.jpg\" alt=\"hacer una homepage\" width=\"1000\" height=\"514\" \/><\/span><\/p>\n<p><span style=\"font-weight: 400;\">Una vez ha desembarcado en tu web, el cliente potencial tarda cerca de 10 segundos en decidir si sigue navegando o no por tu p\u00e1gina. Por este motivo, has de informar brevemente a tu nueva visita sobre el sitio en el que se encuentra, qu\u00e9 servicio o producto ofreces y qu\u00e9 puedes aportarle.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Imagina que vas a conocer a una persona. Generalmente, comenzar\u00e1s a presentarte diciendo tu nombre y continuar\u00e1s contando muy brevemente qui\u00e9n eres. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">La p\u00e1gina web tiene que hacer lo mismo, tiene que presentarse a cada persona que la visita. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Si ofreces varios servicios, habla sobre todos en tu p\u00e1gina principal. Por ejemplo, como lo hace la agencia NeoAttack:<\/span><\/p>\n<p><img decoding=\"async\" class=\"size-full wp-image-24512 aligncenter\" src=\"https:\/\/neoattack.com\/wp-content\/uploads\/2019\/04\/que-poner-en-el-inicio-de-un-blog.jpg\" alt=\"hacer una homepage\" width=\"1000\" height=\"478\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Muchas empresas hacen todo lo contrario, pensando quiz\u00e1 en que el cliente acceder\u00e1 al apartado \u201cSobre Nosotros\u201d nada m\u00e1s desembarcar en la web. T\u00fa mejor no te la juegues a que decida informarse sobre ti y ofr\u00e9cele la informaci\u00f3n de forma atractiva desde el primer momento. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Para que el cliente no abandone tu p\u00e1gina y permanezca en ella una vez rebasado el umbral de los 10\u2019\u2019, enumera brevemente en tu homepage los servicios que ofreces. De esta forma sabr\u00e1 que puedes satisfacer sus necesidades; y si no fuera as\u00ed, no eras lo que estaba buscando.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Memoriza tu marca con logotipo y eslogan<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">El logotipo es la palabra con un elemento gr\u00e1fico y en colores corporativos que suele estar en la parte superior izquierda de un sitio web. Esta imagen de marca estar\u00e1 en todas las p\u00e1ginas del sitio web y pinchando en ella se reconducir\u00e1 al usuario a la homepage. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Algunas personas memorizan con mayor facilidad a trav\u00e9s de la vista, pero otras lo hacen a trav\u00e9s del o\u00eddo. Por ello, otro elemento indispensable que debes tener en la homepage es el eslogan que representar\u00e1 tu marca. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Conseguir tener un <\/span><span style=\"font-weight: 400;\">eslogan de marca<\/span><span style=\"font-weight: 400;\"> potente y efectivo es equivalente a tener reconocimiento y estar en la mente de los consumidores. Para ello, lo mejor no tiene por qu\u00e9 ser lo m\u00e1s complicado. M\u00e1s bien al contrario: cuanto m\u00e1s atractivo, corto y com\u00fan sea m\u00e1s sencillo de memorizar resultar\u00e1.<\/span><\/p>\n<p><img decoding=\"async\" class=\"size-full wp-image-24513 aligncenter\" src=\"https:\/\/neoattack.com\/wp-content\/uploads\/2019\/04\/eslogan.jpg\" alt=\"hacer una homepage\" width=\"1000\" height=\"465\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Adem\u00e1s, si tu logotipo y eslogan transmiten pensamientos positivos y agradables, podr\u00e1s sacarles un beneficio extra al aprovecharlos para elaborar campa\u00f1as publicitarias.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">El eslogan que queda memorizado con mayor facilidad:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Ser\u00e1 corto y f\u00e1cil de pronunciar.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Transmite positividad.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Est\u00e1 relacionado con el producto.<\/span><\/li>\n<\/ul>\n<h3><span style=\"font-weight: 400;\">Invierte en contenido visual<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Aportar\u00e1 a tu p\u00e1gina mucho dinamismo y color y ayudar\u00e1 a que no se vea tan plana y aburrida, lo que ayudar\u00e1 a que el usuario no huya despavorido. Ya sabes, \u00a1una imagen vale m\u00e1s que mil palabras!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Los elementos que m\u00e1s favorecen a la homepage son: <\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\"><strong>V\u00eddeo con una corta descripci\u00f3n del sitio web.<\/strong> El v\u00eddeo puede aportar mucha informaci\u00f3n sobre tu marca en s\u00f3lo unos segundos de una forma din\u00e1mica y vistosa; a diferencia del texto que tienes en tu p\u00e1gina principal, que puede que ni lo lean.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Si es tu deseo contar con un v\u00eddeo en la p\u00e1gina principal de tu sitio web, lo mejor ser\u00e1 que lo dejes en manos de expertos. Ese v\u00eddeo va a ser la cara visible de tu empresa frente al cliente potencial, no quieres presentarle ninguna chapuza, \u00bfverdad?.<\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\"><strong>Fotos de la empresa y el equipo.\u00a0<\/strong>Este punto tambi\u00e9n aumentar\u00e1 la confianza en la marca, ya que permitir\u00e1 que el usuario ponga cara a las personas que forman esa empresa y humanizar\u00e1 a la compa\u00f1\u00eda.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-24514 aligncenter\" src=\"https:\/\/neoattack.com\/wp-content\/uploads\/2019\/04\/contenido-visual.jpg\" alt=\"hacer una homepage\" width=\"1000\" height=\"354\" \/><\/p>\n<ul>\n<li><strong>Fotos de productos nuevos.<\/strong>\u00a0<span style=\"font-weight: 400;\">Al actualizar la p\u00e1gina principal mencionando nuevos productos, descuentos o anuncios dar\u00e1s la impresi\u00f3n de que el sitio web est\u00e1 vivo, que es cambiante y din\u00e1mico.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-24515 aligncenter\" src=\"https:\/\/neoattack.com\/wp-content\/uploads\/2019\/04\/crear-una-home-page-en-wordpress.jpg\" alt=\"hacer una homepage\" width=\"1000\" height=\"584\" \/><\/p>\n<h3>Marca la diferencia a la hora de hacer una homepage<\/h3>\n<p><span style=\"font-weight: 400;\">En cada nicho de mercado, por muy peque\u00f1o que sea existe, la competencia. Al introducir \u201ccl\u00ednica dental\u201d en la barra de b\u00fasqueda, Google mostrar\u00e1 un listado de las p\u00e1ginas web de las cl\u00ednicas m\u00e1s cercanas a tu localizaci\u00f3n y mejor posicionadas. Por desgracia, son demasiadas p\u00e1ginas y, obviamente, en cada una de ellas puedes apuntarte a una cita. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Por este motivo, es importante dejar bien claro en tu homepage qu\u00e9 es lo que te diferencia de tus competidores. Para ello, es buena idea que analices las webs de tu competencia y que pienses en qu\u00e9 puedes ofrecer que ellos no pueden, qu\u00e9 es lo que te hace destacar.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-24517 aligncenter\" src=\"https:\/\/neoattack.com\/wp-content\/uploads\/2019\/04\/tips-para-crear-una-p\u00e1gina-web.jpg\" alt=\"hacer una homepage\" width=\"1000\" height=\"550\" \/><\/p>\n<h3>Haz una homepage que transmita confianza<\/h3>\n<p><span style=\"font-weight: 400;\">Antes de invertir dinero en tu producto o servicio, es l\u00f3gico que el cliente potencial se interese en saber si puede confiar en t\u00ed. Esto es de por s\u00ed especialmente importante, pero si tu negocio tiene \u00fanicamente presencia online cobra todav\u00eda m\u00e1s relevancia. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Existen diferentes m\u00e9todos que puedes implementar en la homepage de tu sitio web para obtener la confianza del cliente: <\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><strong>A\u00f1adir a tu homepage opiniones sobre tu servicio:<\/strong><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Actualmente, dejar rese\u00f1as sobre los productos o servicios que has adquirido o sobre las cafeter\u00edas que has visitado es algo muy com\u00fan en Internet. Adem\u00e1s, este fen\u00f3meno cada vez cobra m\u00e1s relevancia debido al auge que experimenta la atenci\u00f3n que prestan los usuarios a las recomendaciones.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">La p\u00e1gina principal de Payoneer muestra cuatro valoraciones positivas de sus clientes. Adem\u00e1s, cada una de ellas est\u00e1 acompa\u00f1ada de la foto y el nombre de la persona que ha compartido su opini\u00f3n sobre la compa\u00f1\u00eda, as\u00ed como de su puesto de trabajo.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-24519 aligncenter\" src=\"https:\/\/neoattack.com\/wp-content\/uploads\/2019\/04\/pagina-inicio-wordpress-personalizada.jpg\" alt=\"hacer una homepage\" width=\"1000\" height=\"600\" \/><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><strong>Mostrar tus clientes actuales y las marcas que ya conf\u00edan en t\u00ed:<\/strong><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Este bloque de marcas tambi\u00e9n es importante para que el cliente se sienta seguro con tus servicios. Si est\u00e1s trabajando con marcas importante y conocidas, debes transmitir al usuario que tienes la confianza de clientes muy destacados. Aprovecha y habla con ellos para que te den su permiso para mostrar su logotipo en esta secci\u00f3n. <\/span><\/p>\n<p><span style=\"font-weight: 400;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-24520 aligncenter\" src=\"https:\/\/neoattack.com\/wp-content\/uploads\/2019\/04\/10.png\" alt=\"hacer una homepage\" width=\"1743\" height=\"198\" \/>\u00a0<\/span><\/p>\n<ul>\n<li><strong>Mostrar los premios que has obtenido:<\/strong><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-24535\" src=\"https:\/\/neoattack.com\/wp-content\/uploads\/2019\/04\/11.png\" alt=\"hacer una homepage\" width=\"1852\" height=\"695\" \/><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><strong>Presencia en las redes sociales:<\/strong><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Puede resultar obvio mencionarlo, pero tu empresa debe tener presencia en redes sociales. Esto no significa que tenga que estar presente en todas, lo importante es estar all\u00ed donde se encuentra tu p\u00fablico objetivo para poder darte mejor a conocer.<\/span><\/p>\n<ul>\n<li><strong>Tambi\u00e9n puedes dejar informaci\u00f3n sobre la empresa como: direcci\u00f3n f\u00edsica, n\u00famero de contacto, email, etc.<\/strong><\/li>\n<\/ul>\n<h3>A\u00f1ade un Call to Action diferencial<\/h3>\n<p><span style=\"font-weight: 400;\">Un <\/span><a href=\"https:\/\/neoattack.com\/blog\/cta-call-to-action\/\"><span style=\"font-weight: 400;\">Call to Action<\/span><\/a><span style=\"font-weight: 400;\"> es una frase que provoca al usuario para hacer lo que queremos que haga en el sitio web. Es aquel bot\u00f3n que dice \u201cPincha aqu\u00ed\u201d, \u201cSuscr\u00edbete\u201d, \u201cReg\u00edstrate\u201d, \u201cCompra ahora\u201d, etc. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">El t\u00e9rmino \u201cCall to Action\u201d (CTA) proviene de ingl\u00e9s y significa literalmente \u201cllamada a la acci\u00f3n\u201d. Es una ruta que muestra al cliente por d\u00f3nde seguir o cual es el siguiente paso que debe realizar en la web. Si no la encuentra, puede que acabe abandonando tu p\u00e1gina web. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">No obstante, si le das muchas opciones al usuario, es decir, hay m\u00e1s de un CTA en la homepage, puede que consigas el efecto contrario y que no elija nada. Si en la p\u00e1gina web de tu empresa hay m\u00e1s de una \u201cllamada a la acci\u00f3n\u201d, elige la m\u00e1s importante y centra la atenci\u00f3n del cliente en ella. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Un buen ejemplo de ello lo encontramos en la p\u00e1gina principal de Netflix, donde se ve claramente que el bot\u00f3n principal es \u201cSuscribirse ahora\u201d.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Piensa en la usabilidad cuando crees la homepage<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Cuanto m\u00e1s f\u00e1cil y sencilla sea la navegaci\u00f3n en un sitio web, mejor ser\u00e1 para sus visitantes, pues les permitir\u00e1 encontrar la informaci\u00f3n que busca r\u00e1pidamente. Una buena estrategia para ello es organizar las diferentes secciones con las que cuenta la empresa en pesta\u00f1as con subcategor\u00edas.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Una homepage que cuenta con buena navegaci\u00f3n es aquella en la que se puede encontrar cualquier cosa del sitio web que se est\u00e9 buscando con tan solo dos o tres clics. Es muy recomendable a\u00f1adir la barra de b\u00fasqueda para que el cliente puede acceder r\u00e1pidamente a lo que le interesa.<\/span><\/p>\n<h3>Debes hacer una homepage responsive<\/h3>\n<p><span style=\"font-weight: 400;\">Finalmente, llegar\u00e1 la hora de testear lo bien o mal que funciona tu homepage. Es importante que la p\u00e1gina principal sea optimizada para diferentes dispositivos: ordenadores, tablets o m\u00f3viles. Los usuarios ya no navegan solo desde el PC, \u00a1ad\u00e1ptate a ellos con un dise\u00f1o responsive!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Un aspecto de tu web con el que no puedes permitirte ning\u00fan error es la velocidad de carga de la misma. No estar a la altura en este punto provocar\u00e1 que la experiencia del usuario sea negativa y, seguramente, que abandone el barco r\u00e1pidamente. Por este motivo, es importante saber los errores que influyen en la velocidad de carga de la p\u00e1gina para poder corregirlos.<\/span><span style=\"font-weight: 400;\">Existen herramientas para realizar auditor\u00edas de la p\u00e1gina web y encontrar as\u00ed este tipo de fallos. Para dar un ejemplo, utilizar\u00e9 <\/span><a href=\"https:\/\/serpstat.com\/\"><span style=\"font-weight: 400;\">Serpstat<\/span><\/a><span style=\"font-weight: 400;\"> y su funcionalidad \u201cOne Page Audit\u201d (Auditor\u00eda de una p\u00e1gina). Introducimos la URL de la homepage y esperamos mientras la herramienta realiza la auditor\u00eda. \u00a0Pocos minutos despu\u00e9s nos presentar\u00e1 el informe con los errores que influyen al posicionamiento y a la velocidad de carga de la web.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-24539 aligncenter\" src=\"https:\/\/neoattack.com\/wp-content\/uploads\/2019\/04\/como-dise\u00f1ar-una-buena-pagina-de-inicio.jpg\" alt=\"hacer una homepage\" width=\"1000\" height=\"483\" \/><\/p>\n<p><span style=\"font-weight: 400;\">La herramienta muestra aquellos puntos que se pueden mejorar en tu homepage y ofrece consejos sobre c\u00f3mo hacerlo. \u00datil, \u00bfverdad?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">En conclusi\u00f3n, hacer una homepage excelente para tu sitio web debe tener un lugar destacado dentro de tus preocupaciones, ya que de ella depende parte del \u00e9xito o el fracaso de tu negocio. Una p\u00e1gina web de calidad permitir\u00e1 al cliente potencial profundizar en tus productos y servicios, le seducir\u00e1 y le convertir\u00e1 en cliente.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sigue paso a paso los consejos de este art\u00edculo, deja volar tu creatividad y comienza ya a captar clientes a trav\u00e9s de tu homepage perfecta. Si quieres hacer una homepage junto a unos grandes profesionales del sector te invitamos a que <a href=\"https:\/\/neoattack.com\/contacto\/\">contactes con nosotros<\/a>.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Si te ha gustado el art\u00edculo y te ha parecido de utilidad, \u00a1no dudes en compartirlo con tus contactos!\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>En muchas ocasiones solo tendr\u00e1s una \u00fanica oportunidad de impresionar a tu futuro cliente, tenlo en cuenta a la hora de hacer una homepage para tu web.\u00a0Ser\u00e1n muchos los clientes que se lleven una primera impresi\u00f3n de tu negocio a trav\u00e9s de tu homepage, por lo que querr\u00e1s que la experiencia les deje huella, \u00bfverdad? [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":599,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[8],"tags":[],"class_list":["post-6152","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u2705Hacer una homepage: C\u00f3mo hacerla y 8 pasos fundamentales<\/title>\n<meta name=\"description\" content=\"Hacer una homepage perfecta es sencillo si sabes c\u00f3mo. En este post encontrar\u00e1s los pasos, ejemplos y consejos ideales para que lo logres. \u00a1Sigue leyendo!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/neoattack.com\/blog\/hacer-una-homepage\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u2705Hacer una homepage: C\u00f3mo hacerla y 8 pasos fundamentales\" \/>\n<meta property=\"og:description\" content=\"Hacer una homepage perfecta es sencillo si sabes c\u00f3mo. En este post encontrar\u00e1s los pasos, ejemplos y consejos ideales para que lo logres. \u00a1Sigue leyendo!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/neoattack.com\/blog\/hacer-una-homepage\/\" \/>\n<meta property=\"og:site_name\" content=\"NeoAttack\" \/>\n<meta property=\"article:published_time\" content=\"2019-04-11T09:22:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-07T08:21:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2019\/04\/homepage-para-movil-1024x507-1-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"780\" \/>\n\t<meta property=\"og:image:height\" content=\"380\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Alejandra Salleras\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alejandra Salleras\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/hacer-una-homepage\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/hacer-una-homepage\\\/\"},\"author\":{\"name\":\"Alejandra Salleras\",\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/#\\\/schema\\\/person\\\/4f1ec6203a1e00f4046660282f08d329\"},\"headline\":\"\u00bfC\u00f3mo hacer una homepage perfecta en 8 pasos?\",\"datePublished\":\"2019-04-11T09:22:52+00:00\",\"dateModified\":\"2026-10-07T08:21:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/hacer-una-homepage\\\/\"},\"wordCount\":2121,\"publisher\":{\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/hacer-una-homepage\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/04\\\/homepage-para-movil-1024x507-1-1.jpg\",\"articleSection\":[\"Dise\u00f1o web\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/hacer-una-homepage\\\/\",\"url\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/hacer-una-homepage\\\/\",\"name\":\"\u2705Hacer una homepage: C\u00f3mo hacerla y 8 pasos fundamentales\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/hacer-una-homepage\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/hacer-una-homepage\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/04\\\/homepage-para-movil-1024x507-1-1.jpg\",\"datePublished\":\"2019-04-11T09:22:52+00:00\",\"dateModified\":\"2026-10-07T08:21:33+00:00\",\"description\":\"Hacer una homepage perfecta es sencillo si sabes c\u00f3mo. En este post encontrar\u00e1s los pasos, ejemplos y consejos ideales para que lo logres. \u00a1Sigue leyendo!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/hacer-una-homepage\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/neoattack.com\\\/blog\\\/hacer-una-homepage\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/hacer-una-homepage\\\/#primaryimage\",\"url\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/04\\\/homepage-para-movil-1024x507-1-1.jpg\",\"contentUrl\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/04\\\/homepage-para-movil-1024x507-1-1.jpg\",\"width\":780,\"height\":380,\"caption\":\"homepage para movil\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/hacer-una-homepage\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00bfC\u00f3mo hacer una homepage perfecta en 8 pasos?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/\",\"name\":\"NeoAttack Blog\",\"description\":\"Blog de NeoAttack\",\"publisher\":{\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/#organization\",\"name\":\"NeoAttack Blog\",\"url\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/cropped-logo_neoattack_fondo_oscuro.jpg\",\"contentUrl\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/cropped-logo_neoattack_fondo_oscuro.jpg\",\"width\":1200,\"height\":675,\"caption\":\"NeoAttack Blog\"},\"image\":{\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/#\\\/schema\\\/person\\\/4f1ec6203a1e00f4046660282f08d329\",\"name\":\"Alejandra Salleras\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/team-alejandra-salleras-150x150.webp\",\"url\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/team-alejandra-salleras-150x150.webp\",\"contentUrl\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/team-alejandra-salleras-150x150.webp\",\"caption\":\"Alejandra Salleras\"},\"description\":\"Responsable de SEO y Contenidos \u00bfSoy la directora de SEO y contenidos? Si, porque alguien tiene que hacer que Google nos adore. \u00bfEst\u00e1s buscando a alguien que te d\u00e9 un discurso bonito? Te ha equivocado de persona. \u00bfSi tengo tiempo para rodeos? Claro, entre nunca y jam\u00e1s. Aqu\u00ed estamos para conseguir resultados, no excusas.Y si te preguntas por qu\u00e9 esta descripci\u00f3n es tan directa, no puedo responderte porque acabo de despedir al becario que la escribi\u00f3.\",\"sameAs\":[\"http:\\\/\\\/www.linkedin.com\\\/in\\\/alejandra-salleras-grand-9222971aa\\\/\"],\"url\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/author\\\/alejandra\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u2705Hacer una homepage: C\u00f3mo hacerla y 8 pasos fundamentales","description":"Hacer una homepage perfecta es sencillo si sabes c\u00f3mo. En este post encontrar\u00e1s los pasos, ejemplos y consejos ideales para que lo logres. \u00a1Sigue leyendo!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/neoattack.com\/blog\/hacer-una-homepage\/","og_locale":"es_ES","og_type":"article","og_title":"\u2705Hacer una homepage: C\u00f3mo hacerla y 8 pasos fundamentales","og_description":"Hacer una homepage perfecta es sencillo si sabes c\u00f3mo. En este post encontrar\u00e1s los pasos, ejemplos y consejos ideales para que lo logres. \u00a1Sigue leyendo!","og_url":"https:\/\/neoattack.com\/blog\/hacer-una-homepage\/","og_site_name":"NeoAttack","article_published_time":"2019-04-11T09:22:52+00:00","article_modified_time":"2026-10-07T08:21:33+00:00","og_image":[{"width":780,"height":380,"url":"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2019\/04\/homepage-para-movil-1024x507-1-1.jpg","type":"image\/jpeg"}],"author":"Alejandra Salleras","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Alejandra Salleras","Tiempo de lectura":"12 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/neoattack.com\/blog\/hacer-una-homepage\/#article","isPartOf":{"@id":"https:\/\/neoattack.com\/blog\/hacer-una-homepage\/"},"author":{"name":"Alejandra Salleras","@id":"https:\/\/neoattack.com\/blog\/#\/schema\/person\/4f1ec6203a1e00f4046660282f08d329"},"headline":"\u00bfC\u00f3mo hacer una homepage perfecta en 8 pasos?","datePublished":"2019-04-11T09:22:52+00:00","dateModified":"2026-10-07T08:21:33+00:00","mainEntityOfPage":{"@id":"https:\/\/neoattack.com\/blog\/hacer-una-homepage\/"},"wordCount":2121,"publisher":{"@id":"https:\/\/neoattack.com\/blog\/#organization"},"image":{"@id":"https:\/\/neoattack.com\/blog\/hacer-una-homepage\/#primaryimage"},"thumbnailUrl":"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2019\/04\/homepage-para-movil-1024x507-1-1.jpg","articleSection":["Dise\u00f1o web"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/neoattack.com\/blog\/hacer-una-homepage\/","url":"https:\/\/neoattack.com\/blog\/hacer-una-homepage\/","name":"\u2705Hacer una homepage: C\u00f3mo hacerla y 8 pasos fundamentales","isPartOf":{"@id":"https:\/\/neoattack.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/neoattack.com\/blog\/hacer-una-homepage\/#primaryimage"},"image":{"@id":"https:\/\/neoattack.com\/blog\/hacer-una-homepage\/#primaryimage"},"thumbnailUrl":"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2019\/04\/homepage-para-movil-1024x507-1-1.jpg","datePublished":"2019-04-11T09:22:52+00:00","dateModified":"2026-10-07T08:21:33+00:00","description":"Hacer una homepage perfecta es sencillo si sabes c\u00f3mo. En este post encontrar\u00e1s los pasos, ejemplos y consejos ideales para que lo logres. \u00a1Sigue leyendo!","breadcrumb":{"@id":"https:\/\/neoattack.com\/blog\/hacer-una-homepage\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/neoattack.com\/blog\/hacer-una-homepage\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/neoattack.com\/blog\/hacer-una-homepage\/#primaryimage","url":"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2019\/04\/homepage-para-movil-1024x507-1-1.jpg","contentUrl":"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2019\/04\/homepage-para-movil-1024x507-1-1.jpg","width":780,"height":380,"caption":"homepage para movil"},{"@type":"BreadcrumbList","@id":"https:\/\/neoattack.com\/blog\/hacer-una-homepage\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/neoattack.com\/blog\/"},{"@type":"ListItem","position":2,"name":"\u00bfC\u00f3mo hacer una homepage perfecta en 8 pasos?"}]},{"@type":"WebSite","@id":"https:\/\/neoattack.com\/blog\/#website","url":"https:\/\/neoattack.com\/blog\/","name":"NeoAttack Blog","description":"Blog de NeoAttack","publisher":{"@id":"https:\/\/neoattack.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/neoattack.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/neoattack.com\/blog\/#organization","name":"NeoAttack Blog","url":"https:\/\/neoattack.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/neoattack.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2026\/09\/cropped-logo_neoattack_fondo_oscuro.jpg","contentUrl":"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2026\/09\/cropped-logo_neoattack_fondo_oscuro.jpg","width":1200,"height":675,"caption":"NeoAttack Blog"},"image":{"@id":"https:\/\/neoattack.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/neoattack.com\/blog\/#\/schema\/person\/4f1ec6203a1e00f4046660282f08d329","name":"Alejandra Salleras","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2026\/09\/team-alejandra-salleras-150x150.webp","url":"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2026\/09\/team-alejandra-salleras-150x150.webp","contentUrl":"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2026\/09\/team-alejandra-salleras-150x150.webp","caption":"Alejandra Salleras"},"description":"Responsable de SEO y Contenidos \u00bfSoy la directora de SEO y contenidos? Si, porque alguien tiene que hacer que Google nos adore. \u00bfEst\u00e1s buscando a alguien que te d\u00e9 un discurso bonito? Te ha equivocado de persona. \u00bfSi tengo tiempo para rodeos? Claro, entre nunca y jam\u00e1s. Aqu\u00ed estamos para conseguir resultados, no excusas.Y si te preguntas por qu\u00e9 esta descripci\u00f3n es tan directa, no puedo responderte porque acabo de despedir al becario que la escribi\u00f3.","sameAs":["http:\/\/www.linkedin.com\/in\/alejandra-salleras-grand-9222971aa\/"],"url":"https:\/\/neoattack.com\/blog\/author\/alejandra\/"}]}},"_links":{"self":[{"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/posts\/6152","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/comments?post=6152"}],"version-history":[{"count":4,"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/posts\/6152\/revisions"}],"predecessor-version":[{"id":8511,"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/posts\/6152\/revisions\/8511"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/media\/599"}],"wp:attachment":[{"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/media?parent=6152"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/categories?post=6152"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/tags?post=6152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}