![\"\"](\"https:\/\/s3.postcron.com\/blog-es\/2019\/10\/Design-sem-nome.png\")
<\/p>\n<\/p>\n
No resulta dif\u00edcil ver c\u00f3mo, gracias a la generalizaci\u00f3n del <\/span>storytelling<\/span><\/i>, (es decir, narrar historias para crear confianza en la marca y animar a los usuarios a probar sus productos o servicios), el marketing de contenidos se ha convertido en una <\/span>parte fundamental del marketing digital<\/b>.\u00a0<\/span><\/p>\n Un reciente<\/span> estudio de HubSpot<\/span><\/a> (en ingl\u00e9s) confirma que el marketing de contenidos puede ayudarte a lograr resultados impresionantes. Las empresas con blogs tienen un 55\u00a0% m\u00e1s de visitantes y un 97\u00a0% m\u00e1s de enlaces entrantes que las que no tienen, as\u00ed que no es de extra\u00f1ar que muchos profesionales utilicen el <\/span>content marketing<\/span><\/a> como estrategia principal.\u00a0<\/span><\/p>\n De hecho, \u00a1crean contenido constantemente!\u00a0<\/span><\/p>\n No obstante, el \u00e9xito de una campa\u00f1a de content marketing no solo depende de la calidad del contenido, sino tambi\u00e9n de lo bueno que sea el dise\u00f1o de tu web y tus campa\u00f1as.\u00a0<\/span><\/p>\n Para cualquier empresa resulta esencial tener una p\u00e1gina web. Los principales objetivos de todas las webs comerciales son <\/span>captar posibles clientes<\/b><\/a>, hacer acciones de marketing y generar ventas<\/b>. Pero lograr cualquiera de estas tres cosas es much\u00edsimo m\u00e1s dif\u00edcil si el dise\u00f1o de tu p\u00e1gina web es una birria, por decirlo suavemente.<\/span><\/p>\n La raz\u00f3n por la que los responsables del marketing de contenidos querr\u00e1n meter baza en el dise\u00f1o de tu web es obvia: nadie va a interesarse por el contenido que crean si la p\u00e1gina tiene un aspecto horrible y la navegaci\u00f3n no es intuitiva. <\/span>Ser\u00eda como pedir a un chef pastelero que sirva una tarta preciosa en un plato sucio.<\/span><\/i><\/p>\n Probablemente, la primera muestra del poder del content marketing sobre el dise\u00f1o de las p\u00e1ginas web fue la aparici\u00f3n generalizada de secciones de “blog\/noticias\/recursos”\u00a0<\/span><\/p>\n Actualmente, es raro encontrar una web que no tenga una secci\u00f3n especialmente dedicada a la publicaci\u00f3n de contenidos, incluso para empresas que solo ofrecen un producto, como es el caso de MySignature:<\/span><\/p>\n Ejemplo de blog de <\/span><\/i>MySignature<\/i><\/b><\/p>\n <\/p>\n As\u00ed que no importa si est\u00e1s pensando en crear una p\u00e1gina web para vender servicios o <\/span>abrir una tienda online<\/span><\/a>, probablemente uno de tus requisitos ser\u00e1 tener una secci\u00f3n donde publicar contenido interesante.<\/span><\/p>\n Una vez visto esto, exploremos otras formas en que el marketing de contenidos marca el dise\u00f1o de la web.<\/span><\/p>\n Si quieres que tus posibles clientes se mantengan en la p\u00e1gina y lean tu contenido, tiene que ser f\u00e1cil de leer y visualmente atractivo.<\/span><\/p>\n Elegir las fuentes, estilo y espaciado adecuados<\/b> ayudar\u00e1 enormemente a conseguirlo.\u00a0 Otras cosas esenciales que facilitan la lectura y que puedes ver en muchos blogs conocidos son:<\/span><\/p>\n <\/p>\n Ejemplo del blog de la revista <\/span><\/i>Domestika<\/span><\/i><\/a><\/p>\n <\/p>\n La imagen anterior es un pantallazo de la famosa revista de dise\u00f1o gr\u00e1fico Domestika. Puedes ver que tiene un t\u00edtulo grande y separado del cuerpo del texto, y que el resumen est\u00e1 en negrita. Adem\u00e1s, utilizan im\u00e1genes, subt\u00edtulos y vi\u00f1etas para que a sus lectores les resulte m\u00e1s f\u00e1cil absorber el contenido de los art\u00edculos.\u00a0<\/span><\/p>\n CoScheduled descubri\u00f3 que <\/span>solamente <\/b>el <\/span>10-20% de los visitantes<\/b><\/a> leen la parte inferior de tu web.<\/b> En internet, la gente no siempre lee l\u00ednea a l\u00ednea, sino que suelen dar un vistazo a la p\u00e1gina por encima buscando la informaci\u00f3n que necesitan. Por eso, tener encabezados claros, p\u00e1rrafos separados, espacio alrededor de los elementos, subt\u00edtulos e im\u00e1genes ayudan a buscar m\u00e1s r\u00e1pidamente en los art\u00edculos.<\/span><\/p>\n Esa es la raz\u00f3n de que a menudo veas a personas con temas antiguos de WordPress dedicando tiempo a crear encabezados personalizados y a hacer otras peque\u00f1as modificaciones de HTML y CSS.\u00a0\u00a0<\/span><\/p>\n Los elementos visuales nos cautivan y, si se utilizan correctamente, nos permiten entender mejor el mensaje que queremos transmitir.\u00a0<\/span><\/p>\n No es ning\u00fan secreto que incluir im\u00e1genes en los contenidos nos ayuda a recibir m\u00e1s visitas. Por eso, las im\u00e1genes, los gr\u00e1ficos personalizados, las infograf\u00edas y los v\u00eddeos son piezas esenciales del content marketing, y por tanto, del dise\u00f1o de las p\u00e1ginas web.<\/span><\/p>\n Ejemplo de la p\u00e1gina de inicio de WebsiteToolTester.com<\/span><\/i><\/p>\n <\/p>\n En la imagen superior, puedes ver c\u00f3mo en la p\u00e1gina de inicio de WebsiteToolTester hay una ilustraci\u00f3n hecha expresamente para llamar la atenci\u00f3n de forma inmediata.<\/span><\/p>\n Los elementos visuales no solo te ayudan a captar r\u00e1pidamente la atenci\u00f3n de los visitantes, sino tambi\u00e9n a que la gente recuerde el contenido que compartes y a generar nuevos contactos.\u00a0<\/span><\/p>\n Un v\u00eddeo en el que presentes tu producto o servicio puede aumentar dr\u00e1sticamente el tiempo que la gente pasa en tu p\u00e1gina web, y con unas llamadas a la acci\u00f3n y gr\u00e1ficos bonitos tambi\u00e9n puedes conseguir que los usuarios exploren otras partes de tu web. Esto se traduce en menores tasas de rebote y de abandono y en tiempos mayores de permanencia en el sitio web, cosas que a la vez benefician tus m\u00e9tricas de SEO.\u00a0<\/span><\/p>\n Por tanto, si lo primero que ves en una p\u00e1gina web es un encabezado animado o un v\u00eddeo explicativo, puedes estar casi seguro de que se ha puesto ah\u00ed con el objetivo claro de cumplir con las necesidades del marketing de contenidos.<\/span><\/p>\n Una buena <\/span>experiencia de usuario<\/b>, <\/span>navegaci\u00f3n inteligente<\/b> y<\/b> dise\u00f1o atractivo<\/b> son muy importantes. Si falta alguno de estos aspectos, te costar\u00e1 obtener contactos y cerrar ventas, ya que:<\/span><\/p>\n <\/p>\n <\/p>\n Para asegurarte de que no te pase esto, el marketing de contenidos te obliga a gestionar todo el espacio de tu p\u00e1gina web de la forma m\u00e1s eficiente posible y a dedicar mucho esfuerzo a mejorar la experiencia del usuario y la navegaci\u00f3n por el sitio web.<\/span><\/p>\n La mejor manera de verlo es en el dise\u00f1o de las secciones de blogs de las que habl\u00e1bamos antes.\u00a0<\/span><\/p>\n <\/p>\n Ejemplo de navegaci\u00f3n del blog de <\/span><\/i>Limble CMMS<\/span><\/i><\/a><\/p>\n <\/p>\n En un mundo en que a la gente le molestan las ventanas emergentes, los profesionales del marketing tienen que buscar otras maneras de obtener contactos de posibles clientes.<\/span><\/p>\n En el ejemplo anterior, puedes ver que la barra lateral derecha no est\u00e1 vac\u00eda, ni tampoco contiene enlaces gen\u00e9ricos de redes sociales, ni listas de posts anteriores. En vez de esto, en la barra lateral van pasando testimonios de clientes que enlazan con sus p\u00e1ginas de casos de estudios, y tambi\u00e9n se ofrece la posibilidad de iniciar una demo en vivo de su producto.<\/span><\/p>\n Es una opci\u00f3n de dise\u00f1o interesante, que seguramente no se habr\u00eda elegido si la p\u00e1gina no se hubiera definido con un plan estrat\u00e9gico de contenidos en mente.<\/span><\/p>\n Otras \u00e1reas del marketing online tambi\u00e9n se ven afectadas por el content marketing. Por ejemplo, a la hora de <\/span>crear newsletters<\/span><\/a> hay que tener muy presente aspectos como el asunto del mensaje, que <\/span>el contenido luzca bien<\/span><\/a> y que los botones de llamada a la acci\u00f3n sean visibles.<\/span><\/p>\n Newsletter de Starbucks<\/span><\/i><\/p>\n <\/p>\n Como puedes ver la newsletter anterior de Starbucks est\u00e1 dise\u00f1ada con el content marketing en mente. Insertan im\u00e1genes con ilustraciones para contextualizar el producto y tienen un bot\u00f3n de llamada a la acci\u00f3n perfectamente visible.<\/span><\/p>\n Probablemente te habr\u00e1s dado cuenta de que ni siquiera hemos mencionado los requisitos para la optimizaci\u00f3n en motores de b\u00fasqueda. El principal motivo es que la <\/span>optimizaci\u00f3n SEO<\/span><\/a> se trata ampliamente en la red y normalmente merece un art\u00edculo completo y exclusivamente dedicado a este tema. As\u00ed que dejamos ese an\u00e1lisis para otros. \ud83d\ude42<\/span><\/p>\n Al fin y al cabo, puedes ver esto como una obra de teatro, el dise\u00f1o de la web es el escenario y el content marketing es la obra. Cuando est\u00e1n bien combinados, no dejar\u00e1n nunca indiferente a tu audiencia.<\/span><\/p>\n <\/p>\n ______________<\/p>\n Sobre el autor:<\/strong><\/p>\n <\/p>\n A Josep Garcia siempre le han apasionado las herramientas web que te hacen la vida m\u00e1s f\u00e1cil. Esa es la raz\u00f3n de que se uniera al equipo de WebsiteToolTester<\/span><\/i><\/a>, donde puedes encontrar an\u00e1lisis y tutoriales sobre los mejores creadores web y plataformas de comercio electr\u00f3nico del mundo.<\/p>\nPor qu\u00e9 el marketing de contenidos define el dise\u00f1o de las p\u00e1ginas web<\/span><\/h2>\n
![\"\"](\"https:\/\/s3.postcron.com\/blog-es\/2019\/10\/MySignature.png\")
<\/p>\nPriorizar la facilidad de lectura\u00a0<\/span><\/h2>\n
\n
![\"\"](\"https:\/\/s3.postcron.com\/blog-es\/2019\/10\/Domestika.png\")
<\/p>\nUtilizar elementos visuales atractivos\u00a0<\/span><\/h2>\n
![\"\"](\"https:\/\/s3.postcron.com\/blog-es\/2019\/10\/image3.png\")
<\/p>\nProporcionar una experiencia de usuario perfecta<\/span><\/h2>\n
\n
![\"\"](\"https:\/\/s3.postcron.com\/blog-es\/2019\/10\/image5.png\")
<\/p>\nEl content marketing no solo afecta el dise\u00f1o web<\/span><\/h2>\n
![\"\"](\"https:\/\/s3.postcron.com\/blog-es\/2019\/10\/ejemplo-newsletter-bien-disenada.png\")
<\/p>\nPara acabar, unas \u00faltimas reflexiones<\/span><\/h2>\n
![\"\"](\"https:\/\/s3.postcron.com\/blog-es\/2019\/10\/josep.jpg\")
<\/b><\/p>\n