CATEGORÍA DISEÑO WEB

Diseño de Páginas Web – Diseño Web Empresa – Desarrollo Web –
Diseño Tienda Online – Blog Diseño Web

En esta categoría de Diseño Web de aeuroweb, podrás encontrar agrupada información, trucos, guías, análisis y
herramientas para poder desarrollar tu sitio web al máximo nivel.

Qué es Google Web Stories y cómo hacerlas

Si algo le faltaba al buscador más famoso del mundo eran las stories. Desde hace tiempo, podemos ver imágenes en 3D de animales y lugares en Google o reconocer plantas, por ejemplo, con la herramienta Google Lens de reconocimiento e imágenes. Pero, desde principios de 2021, gracias al diseño web en WordPress, el motor de búsqueda por excelencia ha incorporado las Google Web Stories, el formato audiovisual del momento y con el que pretende que los usuarios exploren empresas y servicios de manera eficaz. Eso sí, desde un smartphone.

Google Web Stories

Hasta ahora, conocemos por Stories a los contenidos audiovisuales breves de las redes sociales que tienen vigencia de 24 horas. Y, pese a lo que muchos piensan, este tipo de publicaciones son más eficaces que las del feed, ya que funcionan muy bien para ganar seguidores y atraer engagement a las publicaciones, porque, si no has visto la última foto del influencer al que sigues, ya se encargará mediante Stories de avisarte de ello.

Empezaron a utilizarse en Instagram y, poco a poco, este tipo de publicaciones han ganado protagonismo en otras plataformas, como Twitter, Facebook, Linkedin y WhatsApp. Lo que muy poca gente pensaba es que llegarían a Google.

Captura del Instagram de Aeuroweb donde se ven la stories destacadas. Ahora se pueden hacer en Google con diseño web en WordPress

Qué son las Google Web Stories

Las Google Web Stories son un formato de contenido similar al de las historias de Instagram, con la diferencia de que las stories del buscador de internet solo se pueden ver, de momento, desde un smartphone. Se ven como un carrusel y llenan la pantalla del dispositivo móvil, haciendo posible deslizar el dedo de un lado a otro para pasar a la siguiente imagen.

El objetivo de estas publicaciones es atraer tráfico a tu página web de una forma mucho más poderosa y eficaz, ya que, al usar Google Web Stories, estarás apareciendo en Google News y Google Discover, además de, por supuesto, en los 10 primeros resultados de Google siempre y cuando trabajes bien las acciones SEO, aunque esto es otro tema. Así, la cantidad de búsquedas aumentará considerablemente.

¿Dónde se ven?

Las Google Web stories pueden aparecer en diferentes módulos de Google, como resultado único, vista de cuadrícula, carrusel de Web Stories, Google Imágenes, pestaña Discover y carrusel de noticias destacadas.

Por lo que, aunque no haya de momento datos en cuanto a cómo afectan o benefician al SEO, las stories estarán haciendo que las imágenes que has elegido y el alt aparezcan en diferentes lugares, lo que nos hace pensar que beneficiará más que perjudicará.

Ejemplo de Google Web Stories, hechas con diseño web en WordPress

Cómo hacer las Google Web Stories con diseño web en WordPress

En esta ocasión y para facilitarnos la vida, Google ha creado para estas stories un plugin de WordPress, ya que la gran mayoría de páginas web y blog que hay en internet está creado con este constructor web.

Para crear tus propias historias de Google, lo primero que tienes que hacer es descargar el plugin de Google Web Stories en tu sitio desarrollado con WordPress. Para instalarlo, debes acceder al panel izquierdo y seleccionar Plugins > Añadir Nuevo, donde tendrás que clicar en el archivo .zip que te has descargado. Una vez que hayas clicado en instalar, deberás activarlo.

Entonces, encontrarás tres subcategorías dentro de este plugin:

  1. Dashboard. Ahí aparecerán las diferentes Web Stories que hayas creado hasta el momento, donde podrás cambiarles el nombre, duplicarlas, editarlas o eliminarlas. Desde aquí también podrás crear una historia de Google, seleccionando la opción de Explore Templates y  eligiendo una plantilla prediseñada.
  2. All Stories. Aquí puedes encontrar todas las historias que has creado, además de la fecha de creación y el autor de la misma.
  3. Add New. Al hacer clic en ella, verás una interfaz diseñada exclusivamente para crear Stories de Google desde cero. A tu historia podrás añadir desde aquí texto, imágenes y formas geométricas, además de transparencia, diferentes colores, tamaño de letra y tipo, etc.

Tienes a tu disposición varias plantillas en las que inspirarte y su funcionamiento es muy intuitivo y sencillo. Y, en el caso de que quieras hacer tus stories desde cero, podrás crear las tuyas propias, ya que, además, el plugin te muestras los contenidos multimedia subidos por ti a Medios.

Plugin de Google Web Stories que hay que implementar con diseño web en WordPress

De momento, puedes crear hasta 30 páginas o historias dentro de un mismo carrusel. Sí deberás tener en cuenta  ala hora de diseñar tus stories es que el formato debe ser vertical, como la pantalla de un smartphone.

Aspectos que debes tener en cuenta

Para sacar el máximo rendimiento a este tipo de contenido y que sean beneficiosos en tu estrategia SEO, tienes que considerar los mismos aspectos que cuando creas un post para tu blog. Estos puntos que no pueden pasar desapercibidos son:

  • Título y descripción alt con las palabras clave a posicionar en todas las imágenes.
  • Palabras clave también en todos los textos que vayas a añadir.
  • Los textos, cuanto más breves mejor, ya que estamos hablando de contenido fugaz que se debe poder leerse de un vistazo. Y, en cuanto al tamaño, mínimo 24 px.
  • Incluye la url de destino a tu web, pero no más de una en una misma historia.
  • Que no se te olvide personalizar el premalink (enlace permanente)
  • Imágenes en formato vertical. Recuerda que, de momento, las stories de Google solo pueden verse desde un móvil.
  • Si publicas vídeos en los que se hable, intenta añadir subtítulos, porque también son buenos para el SEO.

Otras novedades de Google

Además de las Google Web Stories, el buscador más utilizado en el mundo ha implementado más novedades en los últimos meses. Otra de ellas a destacar es el hecho de que permite subir imágenes a Google Maps sin tener que dejar valoraciones.

Cómo subir fotos a Google maps sin dejar reseñas

Hasta ahora, para subir fotografías de lugares o negocios, teníamos que escribir una reseña y valorar el sitio con el sistema de estrellas de Google My Business y Google Maps. Pero con la nueva actualización de Google, esto quedó atrás: ya es posible subir una imagen y dejar un comentario sin tener que añadir una valoración.

Esto hace que los usuarios interactúen de otra forma con la aplicación, ya que, además, también permite dar like a las fotografías subidas por otros usuarios como si de una red social se tratara. Lo que no se puede hacer es comentar las fotografías que otras personas han subido.

Pantallazo de cómo dar like a fotos de Google Maps

Diseño web en WordPress

Así pues, si quieres implementar las stories en tu sitio web en WordPress, no dudes en contactar con nosotros. En nuestro departamento de diseño web WordPress creamos tu web desde cero o realizamos los cambios precisos a una ya existente para optimizar la velocidad de carga y hacer que sea visualmente atractiva, además de práctica.

En Aeuroweb, empresa de diseño web, diseñamos tu web con un diseño corporativo exclusivo y original, que sea visible desde cualquier tipo de dispositivo (PC, Tablet, Móvil), optimizada para SEO y que, además, provoque una experiencia de usuario única.

También ofrecemos la posibilidad de crear una web multilingüe y autoadministrable mediante la utilización de gestores de contenido para diseño de sitios web WordPress. Además, si deseas tener tu dominio y hosting en un mismo lugar para mayor seguridad, nos encargamos del alojamiento web.

Y si tu web ya está creada con diseño web WordPress pero los plugins se te resisten, ¡llámanos!

Por qué debes tener una tienda online

A estas alturas del siglo XXI, podemos determinar, tal y como dice Bill Gates, que “si tu negocio no está en internet, no existe”. Da igual el sector del que hablemos, ya sea tienda de ropa, comida o libros, la mejor opción, sin duda, será la creación de una tienda online para impulsar tu negocio.

Los datos hablan por sí solos: debido a las restricciones y al confinamiento por el Covid-19, el porcentaje de españoles que compra por internet se ha convertido en un 46 %. Por eso, necesitas que tu tienda física esté también en internet. Podemos decir que el comercio electrónico se ha convertido en la solución para vender y comprar en tiempos de pandemia.

Ventajas de tener una tienda online

Una tienda online ya no es el futuro: es el presente. Las ventas a través de internet se dispararon en 2020 un 5o % en comparación con el año anterior, lo que supuso el gasto de 910.000 millones de euros en productos online en el mundo. De hecho, España se ha convertido en el tercer país con mayor crecimiento e-commerce en el último año.

Entonces, si las ventas están en internet, ¿dónde está tu tienda online? Estas son las las ventajas de vender a través de la red.

Mujer comprando por internet en una tienda online con diseño WordPress

Reducción de costes

Para disponer de una tienda online no es necesario que tengas todos tus productos presentados en un espacio físico. De hecho, muchas empresas que operan por Internet envían directamente desde sus almacenes. Esto implica no solamente ahorrar al no necesitar un alquiler o compra de local para exponer tus productos, sino además todo lo que ello implica, como gastos de luz, Internet, etc. O, si quieres disponer de un local para que los clientes dispongan de un espacio físico, no es necesario que sea tan grande como todo lo que ofreces. En cualquiera de los casos, estarás reduciendo tus costes.

Vende en cualquier lugar del mundo

Se eliminan las barreras geográficas, ya que pasas de tener un negocio local a vender, prácticamente, a cualquier punto del país (o del mundo si así lo quieres). Si antes tu público solo se limitaba a la ciudad en la que está tu tienda física y sus alrededores, ahora podrán adquirir tus productos personas de la otra punta del país gracias al e-commerce.

Además, si tu comercio electrónico está traducido a distintos idiomas, la barrera lingüística tampoco será un problema.

Ilustración sobre diseño web WordPress

Tu tienda está operativa a todas horas

Se acabaron los horarios y no poder vender en días festivos: tendrás un horario de 24 horas, 7 días a la semana, por lo que las compras por parte del cliente se podrán hacer siempre que él lo desee. Sólo necesitas tener un dispositivo con acceso a internet para poder gestionar pedidos e incidencias, por lo que es mucho más sencillo solucionar problemas y gestionar el negocio.

Recibe feedback de los usuarios

Puedes conseguir un feedback instantáneo en el momento en que los usuarios hacen la compra. A través de sencillos cuestionarios o reviews, puedes averiguar qué es lo que más gusta a tus clientes, lo que menos y lo que tendrás que ir mejorando de tu tienda online. A través de este método puedes conseguir información muy valiosa sobre las preferencias de tus clientes actuales y clientes potenciales.

Fideliza a tus clientes

El punto anterior está directamente relacionado con el de la fidelización del consumidor. Conociendo su conducta a la hora de comprar o las veces que ha hecho un pedido en tu tienda online, podrás fidelizarlo ofreciendo descuentos exclusivos o campañas destinadas a sus necesidades.

Esto repercutirá positivamente en el negocio, ya que las recientes estadísticas hablan de hasta un 80% de usuarios que no vuelve al e-commerce donde su experiencia de compra es negativa. Por lo tanto, y ahora más que nunca, es primordial ofrecerle una buena experiencia de usuario a la hora de fidelizar un cliente.

Repartidor de paquetes haciendo una entrega tras una compra online

Mayor comodidad para el cliente

Con la tienda online conseguimos total comodidad para el cliente, ya que reciben el producto que han comprado en casa, en el lugar de trabajo o en el sitio que les sea más cómodo. Además, el tema de los tiempos cada vez se está acortando más, pues son cada vez más las grandes empresas de venta online que hacen entregas en grandes ciudades en el mismo día de la compra.

Menor riesgo

Debido a la baja inversión inicial, es mucho más sencillo empezar a tener beneficios, ya que la infraestructura es muy menos costosa que la de una tienda física. Por ello, supone un riesgo ínfimo, ya que si al cabo del tiempo la tienda no funciona, el desembolso en comprar un dominio para el e-commerce será siempre inferior a alquilar un local y llenarlo de ropa, estanterías, etc., en el caso de una tienda de ropa.

Preparado para el futuro

Los patrones de búsqueda y gasto del consumidor, el avance de la tecnología y las más recientes estadísticas estiman que en 2040 el 95% de las compras se realizarán a través de Internet. Por lo tanto, ya no solamente hablamos de una tendencia del presente, sino de lo que serán las relaciones comerciales del futuro.

Aumento de las ventas

Si todo funciona tal y como esperábamos, el resultado será un gran aumento de las ventas. Al fin y al cabo, tu negocio se basa en que puedas vender más a la vez que ofreces un mejor servicio, y eso es loq ue ofrece tener una tienda online.

Imagen de varios carritos de la compra diseño web wordpress

Diseño con WordPress

Sin embargo, aunque tener una tienda online es muy beneficioso por todos estos motivos, no todo es tan sencillo como parece. En internet hay muchísima competencia y tener una tienda online requiere de una correcta configuración y de un diseño web con WordPress atractivo para generar conversiones, así como saber publicitarse y posicionarse correctamente para conseguir tráfico y, con ello, nuevos clientes. Además, también es recomendable tener un blog con contenido valioso y redes sociales actualizadas para ganarse la confianza de los usuarios.

En relación al software sobre el que construir una tienda online, nosotros recomendamos WordPress junto a su plugin Woocommerce, un constructor web con el que podremos crear tiendas online complejas con diferentes secciones y optimizarlas para conseguir el mejor posicionamiento posible en Google.

Muchos usuarios se preguntan si es mejor crear una tienda online con Shopify en lugar de WordPress, pero lo cierto es que hay muchos puntos en los que el primer constructor web te hará valorar Woocommerce de WordPress. Aquí te contamos cómo funciona cada uno, las ventajas de ambos y por qué recomendamos el diseño WordPress.

Ilustración diseño web wordpress

Cabe destacar que, al contrario de lo que mucha gente cree, para poner en marcha una tienda online, además del diseño web en WordPress, hay que encargarse de llevar a cabo una buena elección de hosting, escoger un dominio y encargarse del mantenimiento durante todo el tiempo que la tienda se encuentre activa.

Desde Aeuroweb te animamos a que contactes con nosotros si tienes alguna duda en cualquiera de estos procesos. Somos una empresa de Diseño WordPress en Valencia, expertos en Posicionamiento Web y Gestión de Redes Sociales. ¡Estaremos encantados de ayudarte a crear y gestionar tu tienda online!

WordPress o Shopify, ¿dónde construir tu tienda online?

A la hora de crear una tienda online, la mayoría de las veces surge una pregunta: ¿qué plataforma elegir? Dependiendo del objetivo de tu proyecto, del nivel de complejidad que busques o de la visión a largo plazo que tengas, las respuestas pueden ser muy diferentes.

Sin embargo, si estás aquí, es probable que hayas oído hablar de Shopify y WordPress (junto a su plugin WooCommerce). Ambos ofrecen muchas herramientas, opciones e integraciones útiles para los propietarios de sitios web. Si no estás seguro de qué plataforma usar para tu sitio, continúa leyendo esta guía.

Principal diferencia entre ambas

Shopify y WordPress son ambos constructores de sitios web, pero sus propósitos son muy diferentes. ¿Cuáles son sus principales diferencias?

Mientras que WordPress es más bien un constructor general de sitios web utilizado para crear una gran variedad de tipos de sitios web, Shopify fue diseñado para sitios de comercio electrónico. WordPress existe en la web desde 2003, convirtiéndose en una plataforma popular para que la gente cree de todo, desde blogs hasta sitios web de negocios. Shopify llegó solo un año más tarde, sin embargo su principal objetivo ha sido siempre las necesidades de los sitios web de comercio electrónico. Mientras en WordPress puedes crear sitios web complejos con diferentes secciones (noticias, blogs o tienda), Shopify está especializada en funcionar sólo como e-commerce.

hombre usando tarjeta crédito en tienda online

Comparando Shopify y WordPress (WooCommerce)

Temas y personalizaciones

Tanto WordPress como Shopify ofrecen temas gratuitos y de pago para personalizar el diseño de su sitio web. Los temas de Shopify incluyen algunos gratis, mientras que las opciones pagadas comienzan en 140 dólares y suben a partir de ahí. Hay muchos temas gratuitos de WordPress disponibles entre su tienda y diseñados por terceros, pero también hay opciones de pago prácticamente infinitas por mucho menos de 140 dólares.

Cuando se trata de personalización, encontrará que los temas de Shopify generalmente son más fáciles de ajustar a tu gusto si no tienes experiencia en diseño. Los temas de WordPress pueden presentar un desafío, incluso para los diseñadores más experimentados, dependiendo de la codificación del tema, pero si conoces CSS, puedes ajustar casi todo lo que quieras en tu sitio de WordPress.

En este ámbito, gana claramente WordPress, ya que sus capacidades de diseño pueden estar dirigidas a un público más hábil, pero su gama de temas y opciones lo hacen mejor para aquellos que quieren un control total sobre el aspecto de su sitio.

ejemplo de tienda de gafas de sol con tema de shopify

Gestión de contenidos, blogs y SEO

Para los sitios web centrados en el contenido, es difícil superar a WordPress. WordPress ofrece una variedad de funciones que permiten crear blogs y contenidos, desde los archivos hasta las categorías, pasando por el etiquetado de publicaciones y las actualizaciones de páginas,

Eso no significa que Shopify no maneje la gestión de contenidos, porque sí lo hace. Sin embargo, su sistema de gestión de contenidos (CMS) se centra en la organización de productos y la creación de páginas de destino en lugar de los blogs.

El SEO es fuerte en ambas plataformas. Shopify tiene muchas funciones de SEO de comercio electrónico, como metadatos optimizados, personalización de URL y mapas de sitio. El SEO de WordPress se enfoca en optimizar contenido como páginas de destino y blogs. Obtendrás características como categorías y etiquetas, la capacidad de crear URLs súper limpias y un código simple amigable para los motores de búsqueda.

Aquí WordPress vuelve a superar a Shopify, incluso si tienes un sitio de comercio electrónico. Si planeas landing pages y un blog en tu sitio web, te encantará lo que WordPress y sus plugins (como Yoast) ofertan de organización y SEO.

LEtras SEO sobre una mesa, para hablar del plugins yoast seo de wordpress

Integraciones y Plugins

Cada sitio ofrece plugins, complementos e integraciones gratuitas y de pago para que su sitio web sea completamente funcional de acuerdo con sus necesidades.

La tienda de aplicaciones de Shopify tiene aplicaciones para descargas digitales, marketing por correo electrónico, cálculos de emisiones de envío, personalización del seguimiento y la entrega, integraciones de sitios de venta, revisiones de productos y más. Para WordPress, encontrarás de todo, desde constructores de foros hasta botones de Social Media. Los desarrolladores de terceros pueden crear plugins para cada plataforma.

Con su gran cantidad de plugins e integraciones, con WordPress probablemente no haya nada que no puedas lograr. Curiosamente, incluso hay un plugin Shopify para WordPress que te permite sincronizar los datos y productos de tu tienda con un sitio de WordPress.

Herramientas, funciones y pagos de comercio electrónico

Shopify está diseñado para el comercio electrónico, por lo que no es de extrañar que la plataforma tenga una gran cantidad de herramientas integradas para que sigas vendiendo. Desde su capacidad de permitir que sus visitantes compren sin salir de Facebook hasta enviar correos electrónicos recordando a los clientes que vuelvan a sus carritos abandonados, Shopify ayuda a los visitantes del sitio web a navegar por el proceso de compra.

ordenador con carrito de la compra

Para conseguir estas funciones en WordPress, tendrás que invertir como ya dijimos antes en el plugin WooCommerce por un coste adicional. Es por ello que en este apartado, la especialización de Shopify es difícil de superar.

Precios

Shopify y WordPress tienen estructuras de precios muy diferentes. WordPress es técnicamente gratuito. Eso es porque todavía tendrás que pagar por el alojamiento, un nombre de dominio y un tema si deseas más opciones de diseño de las que están disponibles de forma gratuita, lo cual es probable. También es posible que deba pagar por los complementos y la integración de comercio electrónico si planea vender.

Lo que hace Shopify es agrupar la mayor parte de lo que necesita en una suscripción mensual con precios que comienzan en $29. Eso incluye tu tienda en línea, certificado SSL, productos ilimitados, creación de códigos de descuento y más. Tendrás que pagar por un nombre de dominio por separado, pero muchos de ellos cuestan tan sólo 11 dólares al año.

ilustración persona comprando en tienda online de ropa

Shopify o WordPress Woocommerce, ¿cuál es el adecuado para ti?

Ambas son muy buenas opciones, mientras que Shopify puede ser la mejor opción para aquellos que quieran montar una tienda de comercio electrónico de forma rápida y sencilla,  WordPress es una excelente opción si lo que buscas es funcionalidad y un sitio web completo para tu proyecto corporativo a medio – largo plazo. Es por ello que nosotros nos quedamos con WordPress y su plugin Woocommerce. Si tu también te decides por WordPress, recuerda que en Aeuroweb ofrecemos servicios de diseño web, mantenimiento web o posicionamiento web entre muchos otros. Deja en nuestras manos la creación de tu sitio web.

WordPress vs Blogger ¿Cuál es Mejor?

En plena era digital, aún sin tener amplios conocimientos informáticos, cada vez son más las personas que se deciden a comenzar la intrépida tarea de crear su propio contenido online. Esta iniciativa es bastante viable ya que existen múltiples formas de empezar en internet. Una de las más frecuentes suele ser mediante la creación de un blog.

Hoy te enseñaremos lo necesario para empezar y te mostraremos las diferencias entre dos herramientas que te facilitarán en gran medida la creación de tu propio blog. Hablamos de dos de las principales webs de gestión de contenido: WordPress y Blogger. Si necesitas más alternativas, aquí tienes otra comparativa entre WordPress y Squarespace.

¿Qué es un blog?

Lo primero que debes saber es qué es un blog y cómo funciona. Un blog es una página web en la que el responsable de la misma podrá publicar contenido que le interese a través de diferentes vías como posts, vídeos, imágenes o audios.

Este tipo de páginas ofrecen una gran cantidad de opciones de personalización y es una de las alternativas favoritas de aquellos que desean comenzar en el mundo digital, ya que es muy fácil aprender a utilizarlo y ofrece infinidad de posibilidades. En definitiva, cuando creas un blog tú decides qué temática y formato tendrá: cómico, relacionado con videojuegos, música o cine, sobre tecnología o cualquier otro tema que te interese y que aporte tu visión sobre el mismo.

Ilustración de una mujer escribiendo en su blog de wordpress o blogger

Otro de los aspectos a tener en cuenta es la facilidad de creación y personalización que viene integrado, ya que ofrece muchas plantillas y opciones predefinidas en las que basarte para asegurarte de que tu blog será único y diferenciado del resto. Además, te permite acceder al código de tu página y modificar aspectos más detallados que le aportarán más profesionalidad y personalidad a tu página web.

Pero, sin lugar a dudas, por lo que destaca sobre cualquier otro tipo de página web es por el apartado de los comentarios. Al final de cada publicación, los blogs te ofrecen la posibilidad de interactuar con los lectores a través del cajón de comentarios: podéis entablar conversaciones y aportar ideas u opiniones. Esto genera una sensación de interacción difícilmente comparable a cualquier otro sitio web, ya que la comunicación es bidireccional. Es decir, la información no solo llega del autor a los usuarios, sino que se mueve en ambos sentidos generando un feedback que promueve e incentiva la participación.

Estas características es por lo que muchos consideran que utilizar estas páginas de creación de contenido es la opción perfecta para personas que se inician o, incluso, para empresas que quieren comenzar a progresar en el mundo digital.

Mujer escribiendo en su blog de WordPress

¿Cómo comenzar con tu blog?

Puede parecer que comenzar a crear tu blog es una tarea confusa y difícil, pero nada más lejos de la realidad, una vez tengas claras tus ideas, verás que aprenderás de manera muy rápida. Pero, antes de comenzar, deberás aclarar qué objetivo quieres tener con tu blog y cómo quieres que lo identifiquen los usuarios que lo visiten, ya que existen diversos tipos de blogs, que varían en función de tu preferencia:

  • Blogs personales. Probablemente es la opción más utilizada, ya que sirve como un diario personal en el que comentar y publicar tus pensamientos, vivencias o tu contenido, por el simple hecho de compartirlo con tus lectores.
  • Blogs profesionales. Son cada vez más los profesionales que deciden destacarse en redes creando sus propios blogs, puesto que les permite tener un trato muy cercano con los clientes y potenciar su producto de una manera más directa y personal.
  • Blogs corporativos. Son blogs que tienen una finalidad muy parecida a los profesionales pero a nivel de empresas y marcas. Uno de los beneficios es la humanización y el nivel de cercanía que aporta a los usuarios.

Una vez hayas decidido cómo quieres que se reconozca tu blog, es hora de ponerse manos a la obra. Existen muchas empresas y páginas web que te permiten crear tu blog, algunas son de pago y otras gratuitas. Sin embargo, por ofrecer un nivel de profesionalidad y personalización únicos, Blogger y WordPress se perfilan como las opciones favoritas entre una gran mayoría de usuarios.

 

wordpress blog

 

 

 

WordPress es un sistema de gestión de contenido que te ofrece la posibilidad de crear y diseñar tu propio blog o web. Es uno de los más afianzados dentro del sector, gracias a la gran personalización que ofrece y lo intuitivo que es. Con más de diez años desde su creación, se ha convertido en una de las páginas más utilizadas por aquellos usuarios que, aún teniendo un nivel medio o bajo de conocimientos en internet y de creación de páginas web, buscan una elección de calidad y fiable.

Esta plataforma se caracteriza por ofrecer multitud de opciones de personalización, temas y plantillas gratuitas y una gran cantidad de posibilidades para diseñar una página web a tu gusto y medida. Además, permite la integración de una gran variedad de plugins, añadiendo un extra de customización.

WordPress está especialmente recomendado para personas que quieran diseñar su blog personal y actualizarlo frecuentemente, ya que está diseñado específicamente para ofrecer una experiencia única a lectores y usuarios. Sin embargo, es frecuente encontrar numerosas webs corporativas o blogs con finalidad laboral que eligen WordPress como su plataforma predilecta, ya que permite diseñar tus páginas de formas muy profesionales y con multitud de funcionalidades.

 

blogger blog

 

 

 

Blogger es una plataforma online diseñada con el objetivo de permitir a sus usuarios crear sus propios blogs. Es una de las páginas más longevas en el sector y cuenta con una gran popularidad entre los usuarios que se deciden a empezar a publicar su propio contenido.

Es una opción gratuita y muy sencilla de utilizar, que te guía en todo momento y te permite modificar casi cualquier parámetro de personalización y diseño. Además, en 2003 fue adquirido por Google, por lo que cuenta con muchas ventajas respecto a otros competidores del sector por el mero hecho de pertenecer al gigante de internet.

Para utilizar Blogger sólo necesitarás una cuenta de Google, por lo que cualquier persona con un mínimo de noción en internet puede utilizarlo y acceder a sus servicios de manera muy sencilla. Sin duda, este es uno de los aspectos que diferencian a Blogger del resto de servicios.

¿Qué opción debo elegir?

Una vez explicadas las dos plataformas más populares y preferidas por los usuarios, es probable que te hayan surgido nuevas dudas o que no termines por decidirte entre una u otra. Pues bien, a continuación te explicaremos punto por punto las principales diferencias entre ambas y te aconsejaremos cual es nuestra opción preferida.

Facilidad de uso

Si bien ambas alternativas son fácilmente manejables y no suponen un gran reto para sus usuarios, es cierto que Blogger quizá es más práctico y fácil de utilizar. Sin embargo, son ambas tan sencillas que no supone una gran diferencia a la hora de decidir cuál elegir.

Pantalla de ordenador en la que aparece la palabra blog

Para usar Blogger lo único que necesitarás es una cuenta de Google para poder acceder a sus servicios. En cambio, para utilizar WordPress deberás registrarte y hacerte con un hosting y un dominio de manera previa.

Una vez te hayas registrado en cualquiera de las dos, la guía de uso es muy similar. En ambas tendrás la opción de crear diferentes post y páginas, modificar la configuración de tu web y de tu usuario o personalizar los diferentes aspectos de tu blog, siendo en este último aspecto donde WordPress destaca por encima de Blogger.

Personalización

En la herramienta de personalización nos encontramos con dos apartados muy completos y similares, que te aportan una gran cantidad de estilos y diseños que seguro se adaptarán a tus necesidades y gustos. Sin embargo, en la galería y opciones que ofrece WordPress podemos encontrar una mayor variedad y un apartado mucho más completo y profesional, además de alternativas tanto gratuitas como de pago. También podrás insertar multitud de plugins que aportan funcionalidades a tu página.

En definitiva, podemos hablar de que, dentro de su sencillez, Blogger ofrece bastantes opciones, aunque nunca podrá llegar a las posibilidades que ofrece WordPress: modificar cada pequeño detalle para que puedas crear tu blog o página web de ensueño.

Ilustración de diseño web para blog

Precio

Todo lo dicho anteriormente está muy bien, pero este apartado cobra especial importancia. Aquí podemos observar una diferencia importante dentro de la comparativa, ya que Blogger es un servicio gratuito, mientras que WordPress trae consigo una pequeña inversión inicial, ya que necesitas un hosting y un dominio propio. Una vez realizado este primer paso, podrás navegar libremente por WordPress sin ningún tipo de coste, aunque cuenta con plantillas y diseños premium.

Dentro de este apartado está en tu mano valorar y hacer balance de los pros y los contras de cada uno. ¿Merece la pena hacer esa inversión por WordPress o prefieres navegar de manera 100% gratuita? En nuestra opinión sí merece la pena, aunque cada usuario tendrá una versión única y diferente en función de sus necesidades.

Seguridad

Cuando hablamos de seguridad nos referimos a todas las acepciones de la palabra y, sin lugar a dudas, aquí WordPress destaca muy por encima de Blogger. Si bien es cierto que Blogger pertenece a Google y tiene un servicio fiable y seguro, no llega a los niveles de seguridad de WordPress. Esto es debido a que, al tener tu propio hosting, serás la única persona con acceso a los servicios de tu página web. Además, no olvidemos que Google tiene fama de acabar repentinamente con servicios como Google Labs o Google +, por lo que no podemos asegurarnos de que Blogger no desaparezca de la noche a la mañana.

Ilustración de genete eligiendo contenido para el blog en wordpress o blogger

¿Cuál recomendamos?

Obviamente, cada persona tiene una situación personal y unas necesidades distintas, por lo que la decisión final será únicamente tuya. Sin embargo, si tenemos que recomendarte alguna plataforma esta será sin duda WordPress. La razón, simplemente porque ofrece características similares a Blogger pero de una manera mucho más profesional y amplia. Además, puedes comenzar tu andadura en WordPress con nosotros, ya que en aeuroweb te ofrecemos la posibilidad de diseñar tu web en WordPress para que puedas iniciarte en el mundo digital con mayor garantía de profesionalidad y éxito.

Seguridad en WordPress, ¿está tu web a salvo de los hackers y el spam?

WordPress es el sistema de gestión de contenidos (CMS) más popular en internet. Los CMS son perfectos para administradores de sitios web sin grandes nociones en diseño o tecnología, ya que permiten administrar todos los aspectos del sitio web con facilidad. WordPress es ampliamente reconocido como el CMS más fácil de usar y está lleno de funciones muy útiles. Más de 15 millones de sitios web en Internet funcionan con WordPress, lo que equivale aproximadamente al 27% de todos los sitios que existen. La mayoría de las grandes empresas ya usan esta sistema de gestión de contenidos.

Debido a la popularidad de este CMS, la plataforma se ha convertido en un objetivo habitual para piratas informáticos y spammers. Por ello, tomarte tu tiempo para concentrarte en la seguridad en WordPress es esencial. Este artículo cubre algunas de las medidas de seguridad más importantes que puedes aplicar para proteger tu sitio web WordPress de ataques no deseados.

Elige un buen hosting

Un buen hosting tendrá las últimas versiones de PHP y MySQL (el lenguaje de scripts y el sistema de base de datos que WordPress utiliza) y servidores que están optimizados específicamente para WordPress: firewall optimizado de WordPress, escaneo de malware, detección de archivos intrusivos, etc.

Imagen de hosting web, clave para la seguridad en WordPress

Si eliges un alojamiento compartido (es decir, si tu sitio web está alojado en un servidor junto con otros sitios web), verifica si tu hosting proporciona aislamiento de cuenta para asegurarse de que tu sitio web no se vea afectado por ninguna otra página web que sobrecargue el servidor.

Hacer copias de seguridad del código y la base de datos de tu sitio web es una medida de seguridad que deberías aplicar, por lo que vale la pena asegurar si tu proveedor proporciona esas copias de seguridad en WordPress.

Configura el código y la base de datos

 

Hay un par de medidas de seguridad que puedes utilizar para mejorar la seguridad en WordPress:

  • Las claves de seguridad de WordPress (que se pueden encontrar en un archivo llamado ‘wp-config.php’ en el código de tu sitio web) deben generarse (a través de la API de WordPress) y agregarse a tu sitio web. Las claves mejoran el cifrado de la información que se almacena en las cookies de un visitante y también hace que sea más difícil descifrar tu contraseña.
  • WordPress agrega un prefijo a todas sus tablas de bases de datos, que es ‘wp_’ por defecto. Cambiar esto a algo menos predecible ayudará a prevenir las vulnerabilidades de inyección SQL, ya que los hackers necesitarán adivinar el prefijo de las tablas de tu base de datos. Puedes cambiar el prefijo durante la instalación de WordPress; sin embargo, si tienes un sitio web ya hecho que tiene el prefijo predeterminado, puedes cambiarlo manualmente o usar un plugin (por ejemplo, iThemes Security) para cambiarlo.

Persona manejando base de datos en portátil para aumentar la seguridad en WordPress

Actualiza WordPress y sus plugins

WordPress generalmente aborda los problemas de seguridad encontrados en versiones anteriores del software con cada actualización de su software, por lo tanto, es importante mantener tu versión de WordPress actualizada para que tu sitio web sea menos susceptible a los ataques.

Lo mismo ocurre con los plugins instalados en tu sitio web, los desarrolladores de plugins suelen actualizarlos de forma periódica para parchear fallos de seguridad y agregar nuevas funciones. Tener instalados y activados plugins desactualizados en tu sitio web también aumenta tus posibilidades de ser pirateado.

Cuando busques un plugin para instalar en tu sitio, es importante verificar las revisiones, así como la frecuencia con la que el autor publica actualizaciones. Minimiza drásticamente los riesgos al investigar qué plugins debes instalar antes de elegir uno. Aquí tienes una lista con los mejores plugins de WordPress.

Ilustración de dos personas limpiando una web en INternet para mejorar la seguridad en WordPress

Si te preocupa no verificar regularmente las actualizaciones, puedes habilitar las actualizaciones automáticas en segundo plano o instalar un plugin de seguridad (por ejemplo, Wordfence) para configurar una alerta automática cada vez que haya una actualización disponible. Otra opción es contratar un servicio de mantenimiento web y olvidarte de estos problemas.

Hay un sinfín de medidas de seguridad en WordPress que puedes implementar para proteger tu sitio web de los piratas informáticos. Pero para empezar, si sigues estos pasos básicos, mantendrás tu sitio web sano y salvo.

9 tendencias Diseño Web para 2021

Las tendencias en diseño web están influenciadas por la cultura de cada sitio, los medios de comunicación, la época, las nuevas tecnologías, la moda, etc. Van y vienen, pero es difícil decir exactamente cuándo. Una tendencia se hace popular poco a poco, sin hacer mucho ruido, y también con el tiempo se va desvaneciendo. Por eso es probable que hayas visto, de una forma u otra durante el último año, algunas de las tendencias que te vamos a presentar.

Como diseñador, es inteligente estar al tanto de los cambios que se suceden en el sector. Aunque sólo sea para evitar usarlos en exceso o para tener la oportunidad de convertirlos en algo nuevo e interesante.

Aunque prever las tendencias de diseño web con exactitud es complicado, parece que estos son los 9 estilos con más posibilidades de despegar en 2021:

1. Retro “Moderno”

En contra a lo vintage o los estilos retro de los años 50-60, el retro moderno está influenciado por el estilo de los 70-90. Piensa en los primeros ordenadores y videojuegos, con píxeles y temas relacionados con el espacio. Lo “friki” es tendencia.

tendencias diseño web 2017

2. Diseño material

Google se inició en el mundo del diseño cuando presentó sus directrices para diseño material. Este lenguaje visual se caracteriza por “buenas elecciones de color, imágenes borde a borde, tipografía a gran escala y espacio en blanco intencional” para una apariencia enérgica y gráfica, según Google.

Algunos se refieren a estas tendencias de diseño web material como “Planos 2.0” porque, de muchas maneras, son versiones actualizada del diseño plano. Añade luces y sombras, dimensión y movimiento para dotarlo de más realismo.

Aunque Google lo creó para web y móvil, acabará apareciendo en todo tipo de formatos de diseño.

diseño material

3. Colores brillantes

Puede parecer que la importancia de los colores en diseño web es algo que no hay que tener muy en cuenta. Todo lo contrario, elegir bien este aspecto es clave para la experiencia de usuario. Esta tendencia de tonos vibrantes inspirada en los años 60 utiliza paletas con colores brillantes, neones y colores más saturados para llamar la atención.

colores brillantes

4. Formas geométricas

Los patrones y las formas geométricas son motivos extraídos de algunas tendencias de la época de los 80. Se puede aplicar a cualquier tipo de formas, como detalles gráficos individuales, fondos o técnicas ilustrativas.

Es un estilo conocido como “low poly“, que comenzó su carrera como una técnica de modelado 3D para videojuegos. Esta tendencia se irá extendiendo fuera del mundo del videojuego, en proyectos web y de impresión.

formas geométricas

5. Espacio Negativo

El espacio negativo y/o blanco es una parte crucial en cualquier buen diseño. Si se usa estratégicamente, el espacio negativo puede llegar a ser una forma perspicaz de añadir un significado más profundo a tus diseños, en particular para el logo y las estrategias de marca. También puede dar a tu composición un aspecto minimalista.

espacio negativo

6. Disposiciones Modulares

Organizar el diseño web mediante una cuadrícula no es nada nuevo. Algunas de las marcas más importantes utilizan las disposiciones modulares para sus páginas web y apps móviles.

Se trata de módulos independientes que se utilizan como organización principal para dividir los diferentes apartados dentro de, por ejemplo, un sitio web.

disposiciones modulares

7. Tipografía dramática

Según esta tendencia, la tipografía no sólo sirve para leerse, sino para generar una reacción en el lector. Cuidado con utilizar tipografía grande y en negrita para centrar la atención, ya no se lleva. Puedes crear esa sensación a través del tamaño, pero también a través del color, la textura o la disposición.

tipografia dramática

8. Ilustraciones Personalizadas

Últimamente el vídeo está dejando a las imágenes en un segundo plano. Pero aún así, debes buscar soluciones para mejorar las fotografías y gráficos de tu web con el fin de conseguir imágenes personalizadas y únicas.

Después de todo, ningún profesional quiere que sus diseños parezcan genéricos. Como tampoco un negocio quiere que los elementos de su marca estén en la página web de la competencia. Por lo que diseñadores  y empresas están trabajando para crear soluciones únicas.

ilustraciones personalizadas

9. Estilo minimalista y abstracto

A diferencia de los estilos de diseño más llamativos de los años 80 que hemos visto hasta ahora, esta tendencia tiene su base en el minimalismo y la deformación de las formas identificables.

estilo minimalista y abstracto

Si decides probar una de estas nueve tendencias, asegúrate de que es una buena opción para tu proyecto y para tu público objetivo. También puedes combinarlas para conseguir un diseño único y personal, que pueda relacionarse con tu marca.

¿Qué es el diseño responsive?

Como ya sabrás, el móvil  ha cambiado la forma en la que nos conectamos a internet y es, actualmente, el primer recurso al que recurrimos para solucionar casi todas las necesidades de nuestro día a día.

Según un informe realizado por Ditrendia, el móvil es el dispositivo más utilizado en España para acceder a internet, usado ya por el 97% de los españoles y el 53% de la población mundial. Hay más gente con móviles que personas con un ordenador. Y cada día los usuarios “solo móvil” están creciendo más y más, gracias a la mejora tecnológica.

Debido a esto, tener un sitio web responsive, es decir, que sea compatible con todos los dispositivos ya no es un lujo, es una necesidad. Si tienes un sitio web, es muy importante que los usuarios puedan acceder a él desde cualquier dispositivo, no solo desde un ordenador. Por lo que realizar un diseño web responsive es esencial si quieres que tu marca crezca.

En este post te explicaremos: cómo crear una web responsive paso a paso, las ventajas de tener una página con diseño responsivo y que es un diseño web responsive.

¿Qué es una web responsive?

Primero de todo, antes de descubrir cómo hacer un diseño web responsive, es importante saber qué es el diseño web responsive y en qué consiste.

Un diseño web adaptable es el diseño que es capaz de adaptarse a diferentes tipos de dispositivos. El sistema detecta el ancho de la pantalla y a partir de ahí adapta todos los elementos de la página para ofrecer una mejor experiencia al usuario.

Algunas veces, el significado de web responsive se puede confundir con webs para móviles

  • En el primer caso lo que se tiene es un mismo sitio web que puede adaptarse a diferentes dispositivos: ordenadores, tablets, smartphones…
  • Por otro lado en las webs para móviles el diseño es creado desde cero para adaptarse a los dispositivos móviles. Es decir, se tienen dos sitios diferentes, duplicando así las tareas de mantenimiento y actualización.

Ahora que sabes qué significa responsive, ya puedes empezar a transformar tu sitio web, para que se adapte a todos los dispositivos.

diseño web responsive

Ventajas del diseño responsive

1. Elimina los riesgos de crear contenido duplicado

Si no estás optando por un diseño responsive, eso significa que debes crear sitios web diferentes para cada dispositivo. Por ejemplo, necesitarías uno para teléfono móvil y otro para ordenador de escritorio.

Necesitar dos versiones de una misma página web puede ser negativo para el SEO, ya que ambas páginas presentan contenido idéntico. Google actúa severamente ante el contenido y reduce la clasificación de la web o expulsa el contenido copiado de las búsquedas por completo.

Tampoco es fácil ejecutar las mismas páginas para diferentes configuraciones, ni es aconsejable, ya que se corre el riesgo de cargar o actualizar solo una versión y no hacerlo en la otra. En pocas palabras, es mucho más fácil hacer un seguimiento de tu sitio web y tus progresos cuando solo tienes uno que analizar.

2. Respeta las pautas de Google

Google es, sin duda, el motor de búsqueda más popular. Cuando se trata de darte a conocer entre usuarios y clientes, es el número uno. Así que debes cumplir sus reglas. Y a Google le encanta el responsive design.

Dado que la efectividad en el posicionamiento web tiene mucho que ver con su motor de búsqueda, no hay absolutamente ninguna razón por la que debas ir en contra de los requisitos de Google. Google dice claramente que la configuración recomendada es full responsive design.  Google favorece el diseño web responsive porque facilita el proceso de mostrar la web en diversos dispositivos. Por lo tanto, no dejes pasar más tiempo y haz tu sitio web responsive.

mobile first

3. Mejora las clasificaciones de búsqueda en dispositivos móviles

Las búsquedas en dispositivos móviles han superado a las búsquedas web en todo el mundo, por lo que Google clasifica las URL optimizadas para estos dispositivos por encima de las que no lo están, cuando se trata de búsquedas en dispositivos móviles.

Hay que tener en cuenta, al hablar de SEO y sitios web móviles, que Google reconoce para qué dispositivo se ha creado cada sitio web (dispositivos móviles, ordenadores…) y divide los resultados de búsqueda en función del dispositivo donde se esté buscando. Esto explica que un sitio web para móviles no siempre estará bien situado y clasificará mejor en una SERP de escritorio.

Un problema de crear una versión móvil desde cero es que supone comenzar una estrategia SEO completamente nueva, debido a que una nueva versión implica una nueva URL y nuevo código HTML. La autoridad acumulada de las webs de origen no se transferirá a la versión móvil, lo que supone una gran desventaja en el SEO. Con el diseño web responsive no existe este problema, ya que solo existe una URL y toda la autoridad del sitio web se acumula en esa única URL. La suma de visitas desde cada dispositivo refuerza una única web y esto mejora su posicionamiento, indicando a Google que dicho sitio es informativo y de importancia.

4. Baja tasa de rebote y mejor experiencia de usuario

Cuando tu sitio web no cuenta con funciones adecuadas de interacción con el cliente, los usuarios abandonan tu página después de unos pocos clics. Google, por consiguiente, reducirá tu ranking debido al aumento en la tasa de rebote. Cuando se reduzca tu calificación, tendrás menos posibilidades de que entren visitas y se reducirá el tráfico de posibles clientes a tu sitio. Si deseas reducir la tasa de rebote, opta por maquetar una web responsive. La tasa de rebote aumenta cuando los visitantes abren páginas que no están adaptadas a su dispositivo y salen rápidamente de ellas. La tecnología responsive elimina esta posibilidad, ya que reorganizará el contenido según el medio, eliminando el desplazamiento horizontal.

El diseño responsive trata de asegurar una buena experiencia de usuario. Ajustar el contenido a una pantalla específica de una forma ordenada implica una experiencia satisfactoria para el usuario.

Según indican los datos, existe un 61% de posibilidades de que un usuario móvil abandone una web si no está optimizada para su dispositivo. Y además, en caso de que el usuario tenga una experiencia positiva en un sitio móvil optimizado, hay un 67% de posibilidades de que este comience a usar tus servicios.

Los usuarios tienden a intercambiar información en la web, y esto hay que tenerlo en cuenta, dado que se busca homogeneizar la experiencia de usuario en varios dispositivos. Hay mucha gente que comparte contenido entre diferentes dispositivos, y un sitio web debería permitir que un usuario tenga una experiencia similar con la misma web tanto en escritorio como en móvil.

full responsive design

Adaptar tu web para móviles es una muy buena forma de simplificar el mantenimiento web de tu WordPress, pero también de mejorar tu visibilidad y tu posicionamiento en los motores de búsqueda. Es importante mantenerse a la vanguardia en lo que respecta a las tendencias de diseño, porque siempre están orientadas a mejorar la experiencia del usuario, algo que Google valora mucho.

 

¿Cómo se hace una web responsive en WordPress?

Es hora de crear tu página web responsive paso a paso en WordPress desde cero. En este punto aprenderás cómo hacer que tu tema de WordPress sea responsive.

Si lo que buscas es adaptar una web WordPress ya creada, te mostraremos, también, algunos plugins que te ayudarán a convertir tu web a responsive.

Crear un tema de WordPress responsive

Para hacer responsive una web, deberás editar principalmente el archivo style.css, que es el que contiene el estilo de tu web. Para ello, haz uso de la función CSS3,  llamada consulta de medios o media queries. Esta función lo que hace es definir la manera en la que un tipo de medio (impresión, pantalla, etc.) influye en al menos una característica de la web (por ejemplo el ancho de una imagen). La forma adecuada de utilizar esta función es la siguiente:

Por ejemplo: tienes una imagen en la web que quieres que cambie de tamaño según el medio por el que el usuario accede a la web.  Si el visitante entra desde un teléfono móvil, el tamaño de la imagen será 50px, y si entra desde un PC queremos que sea de 90px.

El tipo de medio es screen, ya que solo vamos a tener en cuenta la pantalla. La implementación sería la siguiente:

  • Para una pantalla de PC:
@media screen and (min-width: 1024px){
img{
       width: 90px ; }
}
  • Para un dispositivo móvil:
@media screen and (max-width: 767px) {
img{
       width:50; }
}

Plugins para convertir tu web en responsive

1. WP Touch

WPtouch es un plugin para WordPress que permite mostrar automáticamente una web con un tema mobile friendly, sencillo y elegante en smartphones. Este plugin posee una versión de pago y una gratuita con ciertas limitaciones.

2. WP Mobile Detector

Wp Mobile Detector detecta automáticamente el dispositivo por el cual se ha accedido a tu sitio web y carga un tema específico según el tipo de Smartphone.

3. WordPress Mobile Pack

Este plugin adapta el formato de tu web para la red y el dispositivo. Permite elegir entre diferentes plantillas móviles y ofrece widgets extras. A parte de la  adaptación a los diferentes dispositivos, este plugin ofrece un panel de administración móvil para que los usuarios puedan editar el sitio o escribir nuevos mensajes desde el Smartphone.

 

Ejemplos web responsive

¡Visita nuestro portfolio y echa un vistazo a todos nuestros ejemplos de diseño web responsive!

Si tienes alguna duda al elaborar una web responsive contáctanos sin compromiso y te ayudaremos a mejorar el diseño de tu web WordPress.

¿Qué es Gutenberg WordPress Editor?

Gutenberg es el nuevo editor que incluye la versión 5.0 de WordPress. Un primer acercamiento a la herramienta nos muestra cómo Gutenberg WordPress continúa la senda marcada por el anterior editor de WordPress, con una imagen renovada, más concisa y pulcra.

La barra de herramientas de Gutenberg WordPress permite una preconfiguración para ubicarla justo encima de nuestra zona de trabajo de forma permanente, como estamos acostumbrados a visualizarla. Pero también nos da la posibilidad de que aparezca contextualizada según el bloque en el que estemos trabajando.

barra herramientas gutenberg

Entramos aquí sin duda en una de las principales novedades que propone Gutenberg WordPress en relación a la herramienta de edición anterior: su trabajo por contenidos o bloques.

Cada apartado o fragmento que añades como contenido de edición constituye un bloque. Así, cada parte del documento es un bloque en sí mismo. Lo que nos permite de forma individualizada determinar su aspecto, configuración y posibilidades por separado.

Existe un amplio abanico de contenidos disponibles en forma de bloques entre los que destacan:

tipos de bloques gutenberg

 

El objetivo de WordPress con su nuevo editor de contenidos Gutenberg es lograr una interfaz mucho más limpia, que permita al usuario centrarse en la tarea que está desarrollando. Sin distracciones o contenidos secundarios que no precisa visualizar en ese momento.

Estamos ante un editor de contenido profesional intuitivo que, a poco que el usuario trabaje en él, sabrá experimentar sus incontables virtudes, pese a los cambios con respecto a la edición anterior.

Qué aporta este editor

Así pues, la intención de WordPress con el desarrollo de este nuevo editor es acercarse a la creación de contenida más sencilla e intuitiva, con lo que resulta más fácil.

  • Crear columnas
  • Añadir imágenes que ocupen todo el ancho de página
  • Insertar botones
  • Cambiar el tamaño de la fuente
  • Insertar salto de línea, con el tamaño que se desee
  • Añadir cajetines de colores
  • Ponerle fondo al bloque
  • Insertar contenido multimedia

En definitiva, este editor da la posibilidad de realizar acciones que antes, con el editor clásico, solo se podían hacer controlando HTML y desde su pestaña, o usando constructores visuales como Divi. Ahora, cualquier persona, experta en WordPress o no, puede desarrollar páginas dentro de su sitio web o de su blog de manera mucho más sencilla.

 

Interfaz de WordPress con los ajustes de colores.

Gutenberg WordPress: la nueva herramienta de diseño web profesional

Tras exponer las principales novedades y mejoras que presenta a los usuarios Gutenberg WordPress, podemos concluir que hay muchas razones por las que elegir WordPress para el diseño de webs.

El ya mencionado trabajo por bloques de contenido permite pulir parte a parte nuestra página web profesional, centrándonos en lo verdaderamente importante. Tras un trabajo de edición concienzudo y profesional lograremos que cada una de nuestras páginas de la web capte la atención del visitante, resulte atractiva y operativa.

Finalmente, deberemos encajar todas las piezas o bloques del contenido para enlazar de forma armónica. Obteniendo como resultado un producto final serio y profesional. La web que precisan tus clientes.

El editor Gutenberg mejora cada apartado de nuestra página web por separado ofreciendo un amplio abanico de características disponibles para su customización. Obtendremos en consecuencia una web única, eficiente y atractiva.

 

Imagen de una persona diseñando una web con HTML en su portátil.

 

Tras unos primeros meses de dudas en el sector, fundamentado en gran medida por los cambios que trae esta herramienta de edición en relación a sus antecesores, los usuarios han terminado por expresar un feedback realmente positivo sobre el producto final, más pulido que la beta lanzada a comienzos del 2018. Las mejoras han terminado por ser entendidas por la comunidad y, actualmente, Gutenberg WordPress constituye la herramienta de edición de contenido web más utilizada en el marco internacional.

Por otra parte, el respaldo que ofrece la firma WordPress tras tantos años de trabajo a sus espaldas hace que la fidelidad de los usuarios se mantenga intacta en esta nueva versión de WordPress 5.0.

Servicio mantenimiento WordPress: si algo funciona, ¿para qué cambiarlo?

Quienes dispongan de una web profesional para su negocio o empresa sabrán de primera mano como esta exige cambios, modificaciones y en síntesis, tareas de mantenimiento web en WordPress.

Estas tareas de mantenimiento exigen dejar de forma temporal la página web en hibernación o no operativa, siendo crucial la forma en la que los potenciales clientes que visiten la web visualicen el estado actual de esta. Es aquí donde WordPress nos ofrece una solución eficaz y visualmente agradable conocida como modo mantenimiento.

Se trata de un contenido estático en la página web en la que se explica de forma clara como la página se encuentra en construcción o tareas de mantenimiento, invitándonos a visitarla en horas posteriores para disfrutar de las modificaciones realizadas.

 

Logotipo de WordPress.

 

Es un modo que ya existía en anteriores versiones de WordPress y, tras su eficacia y aceptación generalizada, se mantiene en esta actualización 5.0. Es evidente que las cosas que funcionan no deben cambiarse, por lo que el modo mantenimiento perdura.

Destacar que, aunque de cara al exterior, nuestros clientes visualizarán el estado de mantenimiento de la página, el usuario administrador podrá acceder libremente a ella y realizar cambios y modificaciones directamente. Este podrá previsualizarlas todas sus gestiones tal y como lo harían los visitantes a la web, garantizando la calidad del resultado final esperado.

Conclusión

Concluyendo lo expuesto, Gutenberg WordPress mantiene lo que funcionaba con el anterior editor de WordPress. Modificando ciertos aspectos de su interfaz para lograr una mayor limpieza en cada pantalla y mejorar la edición de contenido web en bloques diferenciados. Como resultado, ha obtenido un notable crecimiento del número de usuarios, que ya hablan de la herramienta como un nuevo acierto de la compañía en pos de mejorar la edición personalizada de las páginas webs profesionales.

Eso sí, te aconsejamos que realices una copia de seguridad antes de usar este editor (si es que no lo has hecho aún). Y, si no te aclaras con Gutenberg, al instalar y activar el editor clásico (Classic Editor), se desactivará Gutenberg y podrás seguir usando el editor al que estabas acostumbrado.

Además, aunque todos los plugins “afectados” por el nuevo editor ya han sido actualizados, te aconsejamos también que lo hagas tú manualmente con aquellos que veas en su antigua versión. Lo mismo con los temas, pues el editor por bloques añade nuevos formatos y funcionalidades que te pueden venir muy bien según el tema que tengas activado. Si no lo haces, es posible que el contenido de tu página no se vea correctamente cuando empieces a utilizar Gutenberg.

Los mejores plugins GRATIS para WordPress

Actualmente existen más de 50.000 plugins que puedes descargar en el repositorio oficial de WordPress.org. Así que probablemente existirá un plugin para cada una de tus necesidades durante el diseño de páginas web con WordPress. Lógicamente cada uno de ellos tiene un peso distinto, por lo que si no quieres que tu web se haga lenta, comprueba previamente el tamaño del plugin que vayas a instalar o consumirá muchos recursos de tu servidor. Para que no instales plugins innecesarios, te traemos los plugins más interesantes de WordPress. Antes te explicaremos qué son y cómo instalar un plugin en WordPress.

¿Qué es un plugin de WordPress?

Los plugins son programas que se instalan en WordPress y que te permiten ampliar sus funcionalidades de serie. Son componentes de código programados en PHP y que utilizan HTML, CSS y Javascript para la parte de la vista del usuario. Utilizando plugins para WordPress evitas tener que tocar el código de tu página web para añadir nuevas funciones o personalizar su apariencia. Por eso, mucha gente a la hora de empezar a desarrollar una web en  WordPress se pregunta qué plugins son importantes para WordPress o qué plugins instalar en WordPress.

Su funcionamiento es muy parecido al de las extensiones de navegadores como Google Chrome, permitiendo añadir casi cualquier cosa que te imagines a tu sitio web de forma gratuita o no.  Ya que se pueden instalar plugins gratuitos o comprar plugins para WordPress. Por esto, antes de hacer una inversión comprando plugins que luego no se van a utilizar es fundamental saber cuáles son los plugins esenciales para WordPress y cuál es su utilidad.

¿Cómo se instala un plugin en WordPress?

Es muy fácil. Sigue los pasos y lo tendrás listo en menos de un minuto.

1. Dentro del escritorio de WordPress de tu sitio web, ve a la opción Plugins, ubicada en el menú lateral izquierdo.

menú plugins

2. Clica en Añadir nuevo, bien desde el submenú que te habrá aparecido bajo la opción Plugins, o clicando en el botón de la parte superior.

añadir nuevo plugin

3. Ahora puedes buscar el plugin por palabra clave, autor o etiqueta, o ver los listados de plugins destacados, populares o recomendados.

buscar plugin

4. Antes de instalar el plugin, revisa bien los detalles para cerciorarte de que realmente te interesa. Verifica también si es compatible con tu versión de WordPress y echa un vistazo a las opiniones. Cuando termines, clica en Instalar.

instalar plugin

5. Una vez hecho esto, toca activarlo. Si no lo haces, el plugin estará instalado pero no funcionando. Verás que el botón de Instalar ha cambiado a Activar. Puedes hacerlo desde ahí o desde la lista de plugins instalados.

activar plugin

6. Por último accede a la configuración del plugin para asignar los valores que creas convenientes. Esto depende de cada plugin y de la utilidad que le quieras dar.

ajustes plugin

26 mejores plugins para WordPress 2020

Ahora que ya tienes claro lo qué es un plugin y sabes cómo instalarlo, vamos a ver cuáles son los plugins imprescindibles, aquellos que no deberían faltar en tu sitio web, los mejores plugins para WordPress gratis. Hemos recopilado los mejores plugin para WordPress y los hemos juntado todos en una lista. En esta lista de plugins podrás encontrar los top plugins para WordPress gratuitos y de pago.

1. Yoast SEO

Este plugin aporta una buena cantidad de utilidades SEO para WordPress. Por ello es uno de los plugins para WordPress más utilizados en el ámbito del posicionamiento en buscadores. Configurándolo correctamente puedes realizar gran parte del posicionamiento web on-page de tu sitio: títulos, meta etiquetas, keywords, redes sociales, RSS…

Yoast SEO es fácil de utilizar. Lo primero es elegir la palabra clave que quieres posicionar para una determinada página o artículo. A continuación, verás una serie de indicaciones a seguir para mejorar el SEO on page. Conforme vayas cumpliendo estos hitos, el semáforo que indica si lo estás haciendo correctamente cambiará de rojo a amarillo y finalmente a verde. Para ayudarte mejor, hemos realizado un tutorial de Yoast SEO.

Yoast SEO

2. Google Analytics WordPress

Con Google Analytics Dashboard Plugin podrás tener integrada la herramienta Google Analytics en tu sitio web, sin la necesidad de tocar código. Solo se necesita, al instalar el plugin, introducir tu ID de Analytics y ya lo tendrás listo. Eso sí, es un plugin bastante pesado. Por lo que si no tienes miedo de tocar el código, puede llegar a ser innecesario.

Google Analytics wordpress

3. Ninja Forms

Gracias a esta herramienta podrás crear formularios en un minuto, arrastrando y soltando. Debido a que se trata de un plugin muy intuitivo, es perfecto para principiantes. Ya que podrán diseñar formularios sin la necesidad de utilizar código. Los más experimentados podrán utilizar todas las herramientas que ofrece Ninja Forms, como por ejemplo los ganchos, filtros y plantillas de campos personalizados.

Ninja Forms

4. WP Latest Posts

WP Latest Posts es el plugin de últimas noticias por excelencia. Es uno de los complementos de noticias de WordPress más avanzados. Al instalar este plugin podrás formatear automáticamente  tus publicaciones, páginas y personalizarlas utilizando uno de los 6 temas incluidos en el plugin.

WP Latest Posts

5. Akismet

Es el plugin de comentarios anti-spam más utilizada, procesa y analiza los datos de millones de páginas en tiempo real para evitar que los spammers puedan acceder a tu sitio web. El spam genera cada vez más tráfico de datos en Internet y tarde o temprano tu sitio web sufrirá las consecuencias si no estás protegido. El 85% de los comentarios son spam y moderar toda esta cantidad de información requiere mucho tiempo. Akismet marca como spam estos comentarios antes de que lleguen a la zona de pendientes.

Akismet

6. Comments – wpDiscuz

Si el sistema de comentarios de WordPress te parece un poco aburrido, deberías probar wpDiscuz. Con este plugin podrás crear un sistema de comentarios en tiempo real y sin spam. También, ofrece la posibilidad de personalizar el sistema de comentarios para que sea más atractivo a la vista. Si quieres crear un sistema de comentarios simple y sin muchos componentes, se puede utilizar de manera gratuita. Pero también está la versión Premium si necesitas introducir características más avanzadas.

wpDiscuz

7. Contact Form 7

Es el plugin más conocido para creación de formularios en WordPress. Es gratis, rápido, eficiente y  fácil de usar. Contact Form no guarda la información introducida en los campos del formulario en una base de datos, simplemente los recoge y los envía al email de contacto que hayas seleccionado. Puedes crear formularios de forma ilimitada y con una amplia variedad de campos: texto, email, teléfono, fecha, botón, captcha, url, etc.

ContactForm

8. AddThis

El plugin para redes sociales por excelencia. Podrás insertar en tu sitio web botones para compartir con unos 200 canales sociales. Los botones de AddThis pueden ser Flotantes o extensibles y son muy fáciles de insertar en tu sitio web.

AddThis

9. Shareaholic

Al igual que el anterior, Shareaholic también es un plugin para redes sociales y permite introducir en tu sito web botones interactivos, para que el usuario pueda compartir el contenido en varias redes sociales.

Shareaholic

10. WooCommerce

¿Quieres un plugin de ventas? ¿Buscas crear una tienda online? Instala WooCommerce y tendrás una tienda online en cuestión de minutos y muy fácil. Podrás tener una web totalmente personalizada y ampliable.

WooCommerce

11. Smush Image Compression and Optimization

Se trata de un plugin de optimización de imágenes. Cualquier fotografía que subas a tu WordPress se optimizará automáticamente para evitar que tu sitio web se ralentice debido al tamaño de tus archivos. Si has subido imágenes antes de instalarlo, existe una opción de optimización masiva con la que puedes optimizar hasta 50 archivos a la vez. También puedes hacerlo de forma individual en cada una de las imágenes de tu biblioteca. WP Smush, por defecto, utiliza técnicas de compresión sin pérdidas en su versión gratis.

Smush Image

12. NextGEN Gallery

Como seguro ya sabrás, WordPress te permite crear galerías de imágenes por defecto. Pero su apariencia puede dejar mucho que desear. Por eso te presentamos una de las mejores opciones para introducir una galería de calidad en tu web, NextGEN Gallery. Este plugin cuenta con una versión gratuita con la cual podrás hacer numerosos tipos de galerías sin necesidad de gastarte nada. Además de la versión gratuita, también cuentas con dos versiones de pago si quieres añadir más funcionalidades y efectos, como por ejemplo, vender tus fotografías.

NextGEN Gallery

13. Countdown

Si buscas generar una cuenta atrás en tu web para una nueva apertura, un lanzamiento o hacer ofertas, los temporizadores pueden ayudarte. La utilización de los temporizadores es una excelente manera de capturar clientes potenciales. Para insertarlos en tu web puedes utilizar el plugin de cuenta atrás Countdown, que permite  agregar un temporizador de cuenta regresiva a un sitio web con total facilidad. Y permite utilizar diferentes tipos de reloj.

Countdown

14. Easy Google Fonts

Easy Google Fonts es uno de los mejores plugins de texto actualmente. Este complemento permite introducir en tu sitio web las fuentes personalizadas de Google a cualquier tema de WordPress. Puedes escoger entre 600 fuentes disponibles.

EasyGoogle

15. Elementor Page Builder

¿Quieres una ayuda para maquetar tu web? Hoy te presentamos el mejor plugin de maquetación que existe ahora mismo en el mercado, Elementor Page Buider. Seguro que habrás oído hablar de este plugin, posee más de 3 millones de descarga en WordPress.

Este plugin es 100% visual, por lo que si eres principiante te será  súper fácil crear una web y poder elegir entre un montón de plantillas.

ElemntorPage

16. AMP for WP

Añade soporte para acelerar la carga de la página en dispositivos móviles. Las páginas móviles requieren el máximo de velocidad y el mínimo consumo de recursos. Con AMP, además de optimizar la versión móvil de tu sitio, mejorarás el SEO, la experiencia de usuario y desviarás más tráfico de Google a tu web.

AMP

17. Table of Contents Plus

Crea una tabla de contenidos en los artículos de tu blog. Puedes configurarlo para que el índice recoja las etiquetas (h1, h2, h3…), para mostrarlo u ocultarlo por defecto, para que solo sea visible a partir de un número determinado de subtítulos… Además son muchas las opciones de personalización de la tabla sin necesidad de tocar código CSS.

TableOfContents

18. WP Force SSL

Redirige todas las páginas del sitio web de Http a Https. El protocolo SSL permite cifrar los datos de un sitio web garantizando a los usuarios que la página a la que acceden es legítima y que sus datos no serán expuestos. Estos datos se codifican para asegurar que no puedan ser interceptados por terceros.

WPForceSSL

19. Force Regenerate Thumbnails

Permite regenerar todas tus imágenes destacadas para darles el tamaño que necesites. Es muy útil si modificas el diseño web de tu página y el tamaño de tus imágenes no se adapta al nuevo estilo. También puedes regenerar imágenes específicas desde el gestor de medios de WordPress. Las imágenes antiguas no se eliminarán de tu servidor.

ForceRegenerate

20. Loco Translate

Con este plugin puedes traducir plugins y temas para WordPress. Loco Translate detecta de forma automática los archivos .po .mo y .pot de tu sitio web y ofrece la posibilidad de editar la traducción para hacerla más precisa. Además, el plugin realiza copias de seguridad constantemente para evitar que pierdas la información. Por último y no menos importante, permite escanear los PHP y crear una plantilla de traducción, un archivo .pot, que puedes utilizar más tarde para traducir cualquier plugin o theme.

Loco Translate

21. Coming Soon Page, Under Construction & Maintenance Mode by SeedProd

Perfecto si tu web está en mantenimiento o en construcción y quieres insertar una landing para que los usuarios sepan que su página está fuera de servicio. Coming Soon Page es el plugin de web en construcción perfecto. Con este plugin podrás insertar en tu web páginas de próximamente, construcción y mantenimiento.

Coming Soon Page

22. WP Statistics

Si estás buscando un plugin para saber las visitas a tu web, WP Statistics es el ideal. No solo recoge las últimas visitas a tu sitio web, si no que muestra numerosos datos sobre tu sitio web que deberías saber.

WP Statistics

23. Awesome Weather Widget

¿Quieres que tu web muestre el tiempo? Awesome Weather Widget es uno de los plugins de clima más utilizados en WordPress. Con este plugin podrás insertar en tu web un cuadro que muestre el tiempo de la localización que elijas.

Awesome Weather

24. YouTube Gallery

Youtube Gallery es un plugin gratis para ver videos de Youtube. Permite insertar en tu sitio web videos de Youtube mediante etiquetas, tanto en una galería como en grid.

Youtube Gallery

25. MailChimp for WordPress

Uno de los servicios de marketing por correo electrónico más populares actualmente es Mailchimp. Se trata de un plugin para suscribirse muy completo. Podrás añadir a tu sitio web un formularios de suscripción personalizado. El plugin ofrece la posibilidad de crear una lista de correo con las direcciones de email de todos tus suscriptores. Por lo que se convierte en la herramienta ideal para atraer a la gente que visita tu web con nuevas ofertas y contenido.

malichimp wp

26. WPS Hide Login

¿Quieres que tu sitio web sea más seguro? Cambiar el url /wp-admin para acceder al panel administrador es una de las primeras cosas que tienes que hacer para dificultar el acceso a lo Hackers. El plugin WPS Hide Login te ayuda de manera intuitiva a realizar el cambio. Para saber cómo  utilizarlo, pincha aquí.

WPS Hide Login

¿Cuál más añadirías a la lista? Cuéntanos cuál es tu plugin imprescindible en WordPress.

7 razones por las que los usuarios pueden desconfiar de tu sitio web

Hay millones de empresas con reputación en Internet, pero infortunadamente también hay un número significativo de sitios diseñados para estafar. Los clientes potenciales suelen ejercer de detective antes de gastar su dinero en Internet. Por eso tienes que preguntarte: ¿Qué razones tienen los usuarios para desconfiar de tu sitio web?

Si tu sitio web da las señales equivocadas, podría estar perjudicando a tu negocio. Los usuarios pueden visitar tu sitio y abandonarlo para dirigirse a la web de un competidor porque no ven muy clara la seguridad de tu página.

¿Qué hace a una web fiable?

Cualquier sitio web nuevo, por lo general, se tratará con sospecha, porque la empresa no tiene ningún historial comercial o reseñas. Se ha comprobado que tres cuartas partes de los usuarios confían más en un sitio web cuando ven reseñas en Google.

En un sitio web diseñado para estafar, es probable que el contenido no esté cuidado. Suele faltar cierta información, como una página creíble de “Sobre nosotros“. Si tus artículos están plagados de errores de ortografía y gramática, los visitantes, comprensiblemente, asumirán que tu negocio no es profesional.

Además de contenido de calidad, los visitantes también buscan señales de que un negocio online está activo. La mayoría de las empresas legales tratan de mantener su sitio web actualizado para reflejar sus últimas ofertas, y para asegurarse de que generan contenido relevante. Los e-commerce se modifican constantemente y la mayoría tienen un diseño responsive para adaptar su web a dispositivos móviles y tablets.

Si una web tiene un diseño pasado de moda, es un claro indicativo de que no se ha actualizado durante mucho tiempo. Y si alguien visita tu blog, no es muy buena idea que tu última entrada sea de hace varios meses. Podría ser una señal de que el negocio ha sido abandonado.

Proporciona tus datos

Las empresas legales no esconden quiénes son. Los estafadores en cambio trabajan para cubrir sus huellas y ocultar sus identidades. A menudo ocultan detalles de registro de dominio para que no puedan localizarlos. Si tu negocio es legítimo debes hacer todo lo posible para estar disponible para tus clientes potenciales: publicar en redes sociales (Facebook, Twitter, etc.) y contestar las dudas de los usuarios, añadir tu información de contacto y también tu ubicación física. Si no lo haces, podrías estar perjudicando seriamente la reputación de tu negocio.

En resumen, estas son las 7 razones por las que las usuarios pueden no confiar en tu sitio web:

infografia 7 razones desconfianza web

La confianza es un factor clave en el éxito. Como el empresario Warren Buffett dijo: “Se necesitan 20 años para construir una reputación y cinco minutos para destruirla “. Así que para desarrollarla y mantenerla hay que invertir mucho tiempo y esfuerzo. Pero el resultado para tu negocio merece la pena.