diseño web valencia Archivos

Entradas

Qué es una landing page y cómo sacarle el máximo partido

27/07/2023/en Diseño Web /por aeuroweb

¿Has oído hablar alguna vez de Landing Page? Es un concepto muy mencionado en el mundo del diseño web WordPress, pero no todos saben qué es y cuándo se utiliza. Por eso, en este post te aclaramos las dudas sobre qué es una landing page, los tipos que hay, sus características y los elementos que debe tener.

Qué es una Landing Page

Se conoce como landing page a la página de destino o aterrizaje a la que los usuarios llegan tras hacer clic en un CTA (Call to Action) o en un enlace en otra página o correo electrónico, por ejemplo. La landing tiene un objetivo muy específico, que suele ser convertir clics o visitantes en leads, por lo que todos los elementos de esta se centran en conseguir dicho objetivo.

Es página diseñada dentro de una página web, con un diseño web WordPress más sencillo, con pocos enlaces y con información básica sobre la oferta en cuestión. Otra característica de las landing pages es que suelen tener un formulario para realizar la conversión, y deben ser llamativas para captar la atención de personas susceptibles de convertirse en clientes.

Se utilizan las landing pages específicas para campañas promocionales y de correo electrónico, así como para el marketing en buscadores y SEO. De hecho, una landing page en WordPress puede ser muy eficaz para llevar a los usuarios directamente a la información que están buscando y al contenido que les interesa.

Si están bien diseñadas, permitirán arrancar con el proceso de inbound marketing, que parte siempre de la captación de los datos de los leads. Así, estas páginas generan oportunidades de ventas, las cuales deben ser trabajadas y maduradas (lead nurturing) por la empresa. Es decir, si obtenemos los datos de un usuario a través de un formulario en landing page, el siguiente paso será ponernos en contacto con él o ella.

Con ella estaremos invitando de una forma muy directa y nada invasiva a que los usuarios nos dejen información a través de un formulario, por ejemplo.

Tipos de Landing Page

Ahora que ya sabes qué es una landing page, debes saber cuál es la mejor para el objetivo que quieres conseguir y para tu negocio, pues hay varios tipos. Y, pese a que existen multitud de formatos, podemos agruparlas en dos grandes bloques en función de sus objetivos:

Según su propósito

Landing page para la captación de leads. Son las enfocadas a generar leads, los cuales se incorporan después a otras estrategias para convertirlos en clientes. Es decir, una vez que consigues los datos de un usuario a través de un formulario, lo lógico será ponerse en contacto con él para cerrar la venta.
Landing page de conversión. Al contrario del tipo de landing page anterior, estas tienen como objetivo conseguir directamente la conversión del cliente. Aquí no encontramos un formulario para dejar los datos de contacto, si no que, en su caso, hay un CTA para que dirige al usuario a un proceso de compra. Por ejemplo, es el caso de las suscripciones a un canal de Youtube.

Según cómo las encontremos

Mainsite, las que encontramos dentro de la misma página web y que guardan el mismo diseño o estética de la web en cuestión. Las encontramos al hacer clic en un CTA dentro de una web y podemos acceder a ellas también a través de una búsqueda orgánica, por lo que conviene trabajar en ellas estrategias de posicionamiento SEO.
Microsite, las que encontramos fuera de la web y que se han creado con un propósito concreto: la captación de leads. Puesto que se encuentran fuera de nuestra página web, es importante que contengan toda la información posible para captar usuarios. Estas no se encuentran a través de búsquedas orgánicas, a no ser que escribamos la url exacta, por lo que no es necesario indexarlas ni trabajarles la optimización SEO, ya que la forma de derivar tráfico a ellas suele ser a través de campañas SEM.

Qué elementos debe tener una landing page

Para que un landing page sea efectiva, este debe tener algunos elementos principales que hagan que consigas la mayor cantidad posible de leads. Estos son:

Título. Puesto que debe captar la atención de manera rápida para que el usuario no abandone la web, el título debe ser tan claro que el usuario lo entienda a la perfección en menos de 5 segundos.
Cuerpo. Este debe incluir una descripción de lo que se ofrece, explicando así los beneficios mediante listas o cuadros para simplificar el diseño y utilizando negritas para remarcar lo más importante. Ten en cuenta también la longitud: el usuario no llegará a rellenar el formulario si el texto es muy largo, por lo que intenta ser claro, conciso y utilizar un lenguaje sencillo.
Imagen. Las imágenes siempre son necesarias y, en este caso, deben captar también la atención, por lo que utiliza imágenes de calidad.
Formulario o CTA. Intenta no pedir muchos datos mediante el formulario, pues, cuando más corto sea, más usuarios habrá dispuestos a rellenarlo entero. Así que, asegúrate de pedir la información necesaria, como nombre, teléfono y correo electrónico. También es una buena práctica que tu formulario de contacto aparezca al principio de tu landing y al final, para que el usuario no tenga que buscarlo.

Características de una landing

Como hemos indicado, las landing pages deben tener unos elementos que son imprescindibles para que sean efectivas, pero además estas deben responder a unas características que ayudarán a conseguir más leads.

Así, procura que el diseño sea minimalista y agradable, a través de listados o infografías, y el texto conciso y sencillo. Elimina todo aquello que distraiga al usuario, como el menú principal u otros enlace: céntrate solo en la oferta en cuestión y dirige toda la atención a ella.

Añade también iconos para compartir en redes sociales y testimonios de clientes, ya sea de reseñas de Google o que hayas recibido de otro modo.

Conclusión

Una landing page con diseño web WordPress es la opción perfecta para conseguir leads y convertirlos en clientes. Pero, para esto y sea la que sea la opción que elijas, recuerda que tu landing debe ofrecer toda la información necesaria para convencer a los usuarios de darte sus datos o de clicar en un CTA, por lo que háblales de manera clara y con toque publicitario.

Ya que sabes qué es una landing page y cómo puede ayudar a tu negocio, te invitamos a que visites nuestro portfolio y, si estás interesado, te pongas en contacto con nosotros y nos confíes el diseño de tu landing page, para que su diseño y su funcionamiento sean óptimos.

Alternativas a Canva

17/08/2022/en Sin categoría /por aeuroweb

¿Eres de los que no puede vivir sin Canva? Es la plataforma del momento para editar y crear imágenes y vídeos rápidamente y con miles de recursos disponibles, pero debes saber que existen algunas alternativas a Canva que pueden ofrecerte otras funcionalidades o recursos que no encontrarás en este editor. No son ni mejores ni peores, pero, ¿por qué no conocerlas?

Las mejores alternativas a Canva

En este post te ofrecemos nuestro top 5 mejores alternativas a Canva, con plantillas originales, nuevos diseños, recursos gráficos, bibliotecas de imágenes…

Todas estas opciones cuentan con, por lo menos, 2 versiones. Por una lado, la versión gratuita, y por otro la pro o premium. Y como las versiones gratuitas permiten poner al 100 % tu creatividad, vamos con el plan gratuito de cada una de ellas.

Vistacreate

Esta herramienta en línea de diseño gráfico sirve especialmente para crear contenido para redes sociales, blogs, marketing, publicidad y mucho más sin necesitar habilidades de diseño. De hecho, este trabajo ya lo han hecho por ti, porque diseñadores gráficos profesionales han creado plantillas de moda para que selecciones y trabajes sobre la que necesites. Así, solo tendrás que personalizarla.

En VistaCreate el plan gratuito ofrece:

50K+ plantillas de diseño
1+ millón de recursos creativos
Kit de marca con colores, logotipos y fuentes
Función de eliminación de fondo
Fuentes, música, animaciones, fondos y objetos gratis
10 GB de almacenamiento para archivos y proyectos
Imagen de la web de Vistacreate

Todas esto tan solo con la versión gratuita, además de una serie de tutoriales que te ayudarán a sacarle el mayor partido a la plataforma. Incluye también una función de diseño de logos muy completa, ampliable también con una versión premium.

Adobe Express (Adobe Spark)

Que tiemble Canva, porque el gigante Adobe ha sacado, al fin, una de las mejores alternativas, gratuita e intuitiva, para crear todo tipo de contenido digital.

Está disponible en la web y dispositivos móviles. Adobe Express hace que sea fácil empezar con una gran cantidad de plantillas y activos de diseño profesional para contenido de redes sociales, logotipos y mucho más. Es como si estuvieras guiado en todo momento por un diseñador de confianza con toda la colección de fotos sin derechos de autor de Adobe Stock, además de una biblioteca completa de Adobe Fonts al alcance de tu mano. El plan gratuito cuenta con:

Miles de plantillas exclusivas, activos de diseño y Adobe Fonts.
Una colección limitada de fotos gratuitas de Adobe Stock sin derechos de autor.
Edición y efectos fotográficos básicos, como la eliminación de fondos y la animación.
Crea contenido tanto en web como en dispositivos móviles.
2 GB de almacenamiento.
Imagen de la web de Adobe Express

Con esta alternativa a Canva puedes crear todo lo que necesites en un solo lugar, con herramientas intuitivas que te permiten eliminar fondos, animar texto, añadir tu imagen de marca y mucho más. Cómo no, Adobe también tiene un plan pro/premium con otras muchas ventajas, y cuenta con una prueba gratuita de 30 días para dicho plan.

Pero si quieres saber más sobre esta herramienta, en este post te contamos todo sobre ella.

Piktochart

Photoshop e Illustrator requieren meses de capacitación antes de poder crear un gráfico con un look profesional, por eso, como muchos de vosotros no tenéis tiempo que perder, lo mejor será conocer alternativas a Canva como Piktochart Visual. Con ella puedes crear un diseño profesional en minutos, sin necesidad de capacitación ni experiencia en diseño gráfico. Con tan solo arrastrar y soltar puedes crear gráficos en minutos. Esta alternativa no solo te ayudará con la creación de contenido digital, también tiene soluciones para Rrecursos humanos, marketing, servicios financieros…

Su plan gratuito contiene:

Número de miembros del equipo 1-4
Número de proyectos 5
Imagen de la web de Piktochart

Almacenamiento en la nube 100Mb
Número de carpetas 1
No incluye fuentes personalizadas
Formatos disponibles PNG, PDF y Power Point
Calidad de descarga Normal y Medio
Número de descargas 2

También tiene un plan para edición de vídeos: Piktochart Video, para llevar tus vídeos al siguiente nivel con una interfaz más cómoda e intuitiva.

Placeit

Una manera fácil de crear diseños profesionales de forma gratuita, con Placeit elige entre una biblioteca de plantillas, diseños, vídeos, logos… Esta opción es la única que incluye un plan gaming, especializado para todos aquellos usuarios que se dediquen a crear contenido en plataformas de streaming como Twitch o Youtube Gaming. Incluye entre las opciones, plantillas para todo tipo de banners, pantallas de starting soon, overlays, paneles…

Y puedes desbloquear más contenido de plantillas, efectos y animaciones si accedes a la versión Pro/Premium.

Imagen de la web de Placeit

Easil

En el top 5 tenemos una de las alternativas a Canva que se especializa en infografías, pósters, flyers, menús tan solo con arrastrar y soltar en plantilla la imagen que necesites: se llama Easil . Incluye también un Brand Kit donde puedes añadir la paleta de color, tipografía y logo de tu empresa, para poder añadirlo a tus diseños. Es la única de nuestras opciones que tiene la función y/o plantillas para hacer un catálogo de producto. En la versión básica de esta plataforma (sin coste) puedes acceder a:

Elementos gráficos
Imágenes de stock
Efectos de texto
Subir tus própias imágenes
Organizar los proyectos por capas
Organizar tus fotos en carpetas

Si compartes el proyecto con más usuarios de tu equipo, puedes elegir qué o quién puede editar el diseño del proyecto y definir qué elementos se pueden quitar así como cuáles no. Incluye una opción dirigida a páginas web en las cuales se puede escalar el proyecto y adaptarlo a diferentes dispositivos. Cuenta también con un apartado donde actualizan sobre las tendencias del sector del diseño y tips para lograr los mejores resultados.

Imagen Web Easil

Conclusión

Como ves, no todo tiene que ser Canva, ya sea para diseñar un banner de Twitch, una tienda online o llevar el branding de una empresa cualquiera de estas alternativas es para ti. Aún así, si esto del diseño gráfico, aunque sea a nivel usuario, no es lo tuyo, cuenta con nuestro departamento de diseño gráfico de Aeuroweb.

Con el diseño gráfico consigues captar la atención de tu público objetivo, atrayendo a posibles compradores hacia tu diseño web WordPress gracias al significado del color, las formas, el estilo, etc.

El logo de tu empresa es el primer contacto con tus potenciales clientes. Con el diseño de logotipos representas a tu empresa, tus servicios o tus productos de una manera llamativa y creas una identidad corporativa que permite a los usuarios diferenciarte del resto con solo echar un vistazo.

Por otro lado, el diseño publicitario con imágenes ofrece mejores resultados en anuncios de Google. Al crear imágenes de calidad personalizadas para tu agencia de redes sociales llegarás a mucha más gente y tus contenidos se compartirán rápidamente.

Contacta con nosotros y empecemos a crear tu propia imagen corporativa.

Photoshop gratis ya está aquí y viene a hacerle frente a Canva

07/03/2022/en Tutoriales manuales y ayuda /por aeuroweb

Por fin ocurrió el pasado 13 de diciembre de 2021 lo que venimos años esperando: la compañía Adobe Inc. creó por fin su Photoshop gratis, para web y para móvil, y lo llamó Creative Cloud Express. Esta aplicación permite diseñar contenido multimedia fácilmente para diferentes formatos para redes sociales, invitaciones, logotipos y otros muchos diseños y plantillas, lo que ha causado cierto revuelo, pues guarda gran similitud con una herramienta similar y que todo tenemos en el historial de nuestros ordenadores: Canva.

Ambas tienen el mismo objetivo orientado al diseño de contenido multimedia enriquecido en gran diversidad de formatos. Canva fue lanzada en 2013, por lo que tiene a la espalda bastantes más años de desarrollo y mejora gracias a los comentarios de los usuarios. Por su parte, Creative Cloud Express, o el Photoshop gratis, cuenta con todos los recursos y herramientas de Adobe.

Características en común del Photoshop gratis y Canva

El objetivo de ambos programas es similar, por lo que comparten bastantes características. Algunas de las más notorias son las siguientes:

Interfaz

La interfaz de estas aplicaciones es muy similar. Por lo que, si has usado Canva anteriormente, no vas tener problema con Creative Cloud Express, ya que, tanto la pantalla principal como el editor tienen un aspecto visual parecido y ubican sus herramientas, plantillas y diseños de manera similar.

En la pantalla de inicio ambas aplicaciones te muestran un menú rápido con diferentes plantillas para editar. También muestra los proyectos recientes y un buscador para encontrar alguna plantilla más concreta.

Captura pantalla inicio de Canva, es muy parecida a la del Photoshop gratis.

Pantalla de inicio de Canva

Una vez elegido el tipo de diseño deseado, ya sea post para Instagram, logotipo o A4, se accede al editor. Este muestra la imagen y todas las opciones a aplicar. Entre ellas se encuentran las plantillas, textos, fotos, elementos de diseño, archivos subidos por el usuario y fondos. Tanto en Canva como en la aplicación de Adobe, estas opciones se encuentran en una barra de herramientas a la izquierda de la ventana.

Sin embargo, Creative Express ha decido cambiar el resto de opciones, como animaciones, colores a un menú lateral, mientras que Canva lo mantiene arriba. Más allá de esto, el resto es bastante similar a primera vista.

Captura pantalla inicio Creative Cloud, la versión de Photoshop gratis.

Pantalla de inicio de Creative Cloud

Sí es cierto que, con funcionalidades más específicas, sí hay ciertas diferencias en la composición de los elementos, como las opciones de edición de texto. También hay diferencias en algunas funcionalidades que solo tiene una de las dos aplicaciones, como la edición por capas que ofrece el Photoshop gratis de Adobe.

Versión Premium

Es normal que las funcionalidades sean similares ya que ambas herramientas tienen una finalidad común, por lo que las características básicas son las mismas. Tienen en común que ambas herramientas ofrecen una versión Premium que añade más variedad de elementos y opciones de edición. Estas alternativas se marcan con un círculo con una corona dentro, como la opción de redimensionar. Solo puedes cambiar el tamaño de tu diseño si has pagado para subir a pro.

También los planes de pago son similares. El precio de Canva varía en función del número de personas que vayan a usar la cuenta. Para 1-5 personas, el pago es de 11.99€ al mes o 109.99€ al año. Para Creative Cloud, en la versión Premium cuesta 12.09€ al mes o 120.99€ al año.

En ambos caso, el plan de pago incluye lo mismo que en el gratuito y más plantillas, fuentes, redimensionar, guardar marcas con colores y logos corporativos (en el caso de la versión gratuita, solo una marca), etc. También comparten que ambas permiten hasta 100GB de almacenamiento.

Por otro lado, Canva incluye en la versión de pago una opción de eliminar fondos que Creative Cloud ofrece en su plan gratuito, aunque en la versión de pago esta herramienta está mejorada.

Animaciones

Las dos aplicaciones permiten añadir animaciones a las imágenes, a los textos, a los elementos visuales y al fondo. Canva tiene más cantidad de animaciones pero algunas de estas son de pago, mientras que en Adobe Creative Cloud Express están todas incluidas en el plan gratuito.

En la siguiente imagen se puede ver una comparación de las animaciones que ofrece Canva (izquierda) y Creative Cloud Express (derecha).

Diferencias entre Photoshop gratis y Canva

Las dos aplicaciones también divergen en algunas cualidades, ya que Creative Cloud Express ha añadido herramientas propias de Adobe, pero también se ha podido fijar en los puntos fuertes y débiles de sus predecesoras para mejorarlos al crear esta versión de Photoshop gratis.

Las principales diferencias son las siguientes:

Capas

Las aplicaciones de Adobe suelen usar un sistema de capas que permite al usuario trabajar con los diferentes componentes de una imagen por separado. Esta es una funcionalidad que también han implementado en Creative Cloud Express.

Canva, por su parte, añade todos los elementos sobre el propio lienzo, permitiendo moverlos arriba o abajo, pero sin mantenerlo en capas diferentes. Esto puede complicar en ocasiones el trabajo, al menos si vienes de otras aplicaciones Adobe, ya que algunos elementos pueden quedarse inaccesibles al haber otro ocultándolos.

Iniciar sesión para acceder

Una característica que puede marcar la diferencia para algunos usuarios es la facilidad para acceder a la aplicación. Mientras que en Canva puedes hacer uso del editor de la versión gratuita sin registrarte, en Creative Cloud Express necesitas una cuenta de Adobe para empezar a diseñar. En otras herramientas de la multinacional, como Photoshop, es necesario estar registrado para usarla, tendencia que han seguido con Photoshop gratis.

Sin embargo, iniciar sesión en Canva trae ventajas tales como el autoguardado de tus publicaciones, para no perderlas si se cierra la aplicación sin guardar. Tampoco podrás guardar tus proyectos si no estás registrado, pero si podrás crearlos y descargarlos sin problemas.

Elementos básicos y texto

Aunque los dos editores se asemejan mucho a primera vista, cuando ahondamos un poco en las funcionalidades hay cosas que cambian, sobre todo si el usuario venía acostumbrado a Canva y prueba por primera vez esta versión de Photoshop gratis.

Editor Canva

Captura pantalla editor Creative Cloud, el Photoshop gratis

Editor de Creative Cloud Express

Además de las capas y las diferentes animaciones que hemos comentado, también hay diferencias en cuanto a la diversidad de imágenes y estilos de texto. También es más difícil de añadir figuras geométricas simples al diseño en la aplicación de Adobe, mientras que en Canva es mucho más intuitivo.

Conclusión

En general, la valoración de los usuarios es más positiva en Canva que en Adobe Creative Cloud. Esto tiene sentido ya que la primera lleva mucho más tiempo en uso y muchos más usuarios han tenido la oportunidad de usarla. De esto ha tomado ventaja y ha conseguido mejorar con sus comentarios y sugerencias de los clientes.

Por lo tanto, todavía habrá que esperar para ver cómo evoluciona Adobe Creative Cloud Express y si así consigue superar a Canva, que actualmente es el número 1 de edición en línea.

Sea como sea, es una muy buena noticia, ya que el gigante Adobe nunca antes nos había ofrecido un Photoshop gratis, y eso que, quienes lo utilizamos a diario, lo hemos intentado. Por eso, os recomendamos que, al menos, le echéis un ojo y probéis a hacer algún que otro diseño.

Y si prefieres dejarles el diseño a otros, en Aeuroweb contamos con ninjas en diseño gráfico en Valencia, con lo que conseguimos una apariencia mucho más profesional y efectiva. Además, esto va muy ligado a la gestión de redes sociales, ya que Canva es una de las herramientas imprescindibles para todo Community Manager. ¿Lo será también Photoshop gratis?

Cómo subir imágenes a WordPress y optimizarlas

17/12/2021/en Tutoriales manuales y ayuda /por aeuroweb

Una de las primeras cosas que tenemos que saber hacer y tener en cuenta antes de publicar una entrada o una página es cómo subir las imágenes a WordPress. Dicho así, parece la cosa más sencilla del mundo (no es para nada complicado), pero hay algunos puntos que no se nos puede escapar a la hora de seleccionar las imágenes, de subirlas y de agregarlas a la entrada o a la sección correspondiente.

Las medidas, el formato, el alt, la descripción, el título, dónde se alojan, etc., son factores determinantes que influirán en el posicionamiento SEO del blog o página web, en su velocidad de carga y en el funcionamiento de esta o este.

Así pues, como las imágenes aportan valor añadido a los textos, contribuyen muy positivamente a la legibilidad, facilitan la compresión y contribuyen en el diseño web en WordPress, en este post te contamos cómo subir imágenes a WordPress, qué tienes que tener en cuenta y cómo optimizarlas para que la experiencia usuario sea de 10.

Antes de subir las imágenes a WordPress

Antes de subir las imágenes a WordPress, hay que guardarlas en una carpeta de la que no se deberían mover una vez estén publicadas. Para optimizarlas, hay que reducir el tamaño y el peso de estas para que el tiempo de carga web no sea lento y, por ende, Google nos favorezca en el posicionamiento.

Cómo debes guardarlas en tu ordenador

Así, todas las imágenes de una misma entrada o página deben estar guardadas en una misma carpeta con nombres diferentes, ya que WordPress le asignará una url. Además, el título que le pongamos a la imagen en la carpeta es muy importante para el SEO por eso, no utilices mayúsculas, tildes ni caracteres que no sean letras o números. Procura que no sean nombres excesivamente largos, con 4 palabras estará bien y deben ir separadas por guiones. Por ejemplo: como-subir-imagenes-a-wordpress.jpg.

Cómo optimizar las imágenes antes de subirlas

Antes de subir las imágenes a WordPress, debemos tener en cuenta, como decíamos, su tamaño y peso. Para optimizarlas, hay que reducirlas al menor peso posible: entre 30 kb y 100 kb. Lo ideal es que la extensión de dichos contenidos sea .jpg, pues al pasar de otro formato a este, estaremos reduciendo en más del 80 % el peso de la imagen.

Existe una herramienta muy fácil de usar con la que optimizar las imágenes. Es Light Image Resizer y en este post te contamos cómo funciona, esta y otras aplicaciones y herramientas. Bastará con cambiar el ancho a 800 y desmarcar la altura, cambiar la calidad al 60 % y la resolución a 72 DPI, pues el ojo humano no es capaz de ver resoluciones mayores.

Cómo subir imágenes a WordPress

Para agregar imágenes o vídeos a entradas o páginas, tenemos que hacerlo pinchando en el botón ‘Añadir Medios’ de la esquina superior izquierda, justo encima del cajón de texto. Se abrirá una ventana con las pestañas ‘Subir archivos’ y ‘Biblioteca de Medios’. Si la imagen o vídeo ya la habíamos subido previamente, tendremos que dirigirnos a la biblioteca y seleccionar la imagen. Ahí, debemos escribir el alt, la descripción y el título si no está.

Si el archivo tan solo está en nuestro ordenador, clicamos en la pestaña ‘Subir archivos’, para o bien arrastrarlos, o bien seleccionarlos desde su carpeta. Igual que antes, debemos rellenar los campos.

Cómo guarda WordPress los archivos

Cada vez que arrastras archivos o los seleccionas desde la ventana, estos se guardan en la biblioteca de archivos (carpeta ‘Medios’).

‘Medios’ es la carpeta donde se alojan todas las imágenes y vídeos del sitio web con WordPress, e indica en qué entrada o página están insertadas, el nombre de cada vídeo o foto, su url, la fecha en que se subió a WordPress y su autor (quién la subió).

Al subir los archivos, por defecto WordPress los almacena en el directorio wp-content/uploads de tu servidor, con fechas y en subcarpetas, lo cual es mejor no modificar. También creará automáticamente un mínimo de tres versiones, que son miniatura (150x150px), tamaño medio (300x300px) y tamaño grande (1024x1024px). Así, en ‘Medios’, en la barra lateral de WordPress, es donde puedes ver y modificar dichas medidas.

Cómo optimizar las imágenes en WordPress

Una vez que hayas subido las imágenes a WordPress y les hayas dado su lugar en la entrada o página, tienes que optimizarlas, pues es contenido de la web y los motores de búsqueda leen por igual un texto que un archivo. Así, optimizar las imágenes en WordPress no solo repercutirá de manera positiva en el posicionamiento de tu sitio web, sino que hará que la velocidad de carga sea más rápida y la experiencia usuario mejor.

Para optimizar los archivos, ten en cuenta:

Título de la imagen

Como hemos explicado antes, el título de la imagen debe corresponder con el nombre que tenía esta en la carpeta de origen de tu ordenador y debe estar separado por guiones, sin caracteres que no sean palabras o números y no más de 4 palabras.

Para modificarlo una vez hayas colocado la imagen, te diriges a ella en la entada o página el archivo y clicas en el icono del lápiz, que mostrará la pestaña de ‘Editar’. En la ventana que aparecerá encontrarás la casilla de ‘Atributo «title» de la imagen‘, donde debes pegar el título que tiene la imagen en la carpeta.

Puesto que el nombre de la imagen puede ayudarte a posicionar tu web, intenta que este refleje la palabra clave asignada a esa entrada o página.

Etiqueta ALT o Texto Alternativo

Esta etiqueta es una descripción del archivo que debes asignarle por si, por algún motivo, al usuario no se le muestra la imagen. También será la descripción que oiga una persona con discapacidad visual, por lo que debe poder imaginarse cómo es la imagen con esa breve descripción.

Esto es muy importante y Google le presta especial atención, por lo que agregar en esa casilla la palabra clave será muy positivo para el SEO. De hecho, es uno de los requisitos que el plugin Yoast SEO tiene en cuenta. Pero no hace falta que el alt refleje con exactitud la frase clave, puede ser una variación de ella.

De igual modo que hemos cambiado el título se cambia el texto alternativo. Vamos a la opción de ‘Editar’ que nos muestra el lápiz y escribimos en el cuadro llamado ‘Texto alternativo‘.

Tamaño imágenes

Por último, aunque ya hayas cambiado el tamaño previamente, debes ajustarlo según consideres que queda mejor en el post. Esto es porque el tamaño que elijas será el que se le muestre al usuario, por lo que no tiene sentido que el tamaño de la imagen sea mayor que el ancho de la pantalla del ordenador.

Para editar el tamaño, si utilizas el editor Clásico de WordPress, ve una vez más al icono del lápiz. Ahí te aparecerán los Ajustes de Visualización, donde puedes elegir la alineación del archivo y el tamaño. Re comendamos ajustar el tamaño seleccionando ‘Tamaño personalizado‘ en la lista despegable de Tamaño y escribir en el cuadro 680×480 si es una imagen ligeramente rectangular.

Eliminar imágenes que no necesitas

Y un último consejo: si has subido imágenes por error a Medios o vas a cambiar unas imágenes de una entrada por otras, no olvidas borrar permanentemente las que no sirven; es decir, las que no se van a ver. Una vez más, seleccionando el icono del lápiz, encontrarás la opción ‘Reemplazar‘, y dentro de ella unas letras rojas debajo de la imagen en las que se lee ‘Borrar permanentemente‘. Así, no habrá peso de más en WordPress por archivos que no necesitas.

Por qué optimizar las imágenes en WordPress

Como hemos mencionado ya a lo largo del post, optimizar las imágenes es bueno para tu sitio web con WordPress por varias razones:

Velocidad de carga más rápida

Una velocidad de carga web lenta se traduce en una experiencia usuario negativa y en tasas de rebote más altas. Los usuarios no pueden estar esperando más de 4 segundos a que carguen tus imágenes, porque se irán a otra web, por eso y porque Google está muy preocupado por la experiencia usuario, debes optimizar tus archivos.

En este post puedes ver cómo afecta un tiempo de carga lento a tu página web.

Mejora el posicionamiento SEO

El tiempo de carga lento no solo «enfada» a los usuarios, sino también a Google. Al tener imágenes optimizadas en tu sitio web WordPress, el motor de búsqueda posicionará tus imágenes mucho más rápido, lo que supone mayor tráfico.

Tu sitio ocupará menos sitio en el servidor

Para que tu sitio web ocupe menos espacio en el servidor, tienes que intentar quitarle todo el peso que puedas, y una forma de hacerlo es reduciendo las imágenes lo máximo posible. Esto, además, está de nuevo íntimamente ligado al tiempo de carga y al SEO de tu web.

Ahora ya sabes cómo subir imágenes a WordPress, cómo optimizarlas y por qué debes hacerlo, pero, ¿sabes optimizar el resto de contenidos, hacer una web con diseño web WordPress y aumentar la velocidad de carga? ¡Nosotros sí! Pregúntanos sin compromiso.

Qué es un sitemap y cómo indexar tu web en Google

15/11/2021/en Posicionamiento Web /por aeuroweb

Tener relevancia como sitio web y ocupar las primeras posiciones en las búsquedas de Google es el resultado de un conjunto de técnicas que bien aplicadas ayudan a darle visibilidad a la página y a mejorar el tráfico hacia el sitio. Y uno de los elementos imprescindibles en cuanto a la visibilidad, relevancia y tráfico de la página web es el sitemap. Puede que nunca hayas oído hablar de ello, pero está presente (o debe estarlo) en las estrategias SEO.

En este post te explicamos qué es un sitemap, el papel que juega con los rastreadores, cómo generarlo y cómo indexar tu web apropiadamente y lograr así la mejor respuesta de los buscadores. Pero, antes, ¿cómo funciona el SEO?

Cómo funciona el SEO

Searching Engine Optimization consiste en una serie de técnicas para alcanzar buenas posiciones en los resultados en los motores de búsqueda, aunque, en nuestro caso, nos centramos en Google, ya que es el buscador por excelencia. Y entre estas técnicas, factores como palabras clave, linkbuilding, tiempo de carga y diseño responsive juegan un papel fundamental.

Pero hay otro elemento imprescindible que muchas veces es pasado por alto en las estrategias SEO, y es el sitemap.

Los diferentes navegadores recogen, indexan y organizan la información proveniente de millones de páginas que se van incorporando a internet generando un gran índice de estas. Este rastreo empieza con una lista de direcciones procedente de rastreos anteriores y los sitemaps que suministran los propietarios de las diferentes páginas web que se van uniendo a la autopista de la información.

Pero, ¿qué significa todo esto?

Qué es un sitemap

Sitemap, o mapa del sitio web, es un documento que presenta toda la información que contiene una página web, como URLs asociadas, videos, imágenes u otros archivos y las relaciones que se establecen entre ellos. Contar con uno de estos documentos facilita a los buscadores la labor de indexar y rastrear los contenidos, y funciona más o menos como los organogramas jerárquicos que utilizamos al redactar un texto para WordPress o cualquier otro documento.

Así, el mapa del sitio web contiene toda la información que necesita o utiliza Google para localizar las páginas relevantes en sus búsquedas, facilitando el proceso, y que indican el camino correcto que debe ser recorrido. Esta información puede ser páginas de conversión, blog o pestañas.

Cuál es su función

El mapa del sitio informa sobre los archivos de la página que son importantes para tu búsqueda, así como datos relevantes sobre ellos, como son la arquitectura de enlace, la fecha de su última revisión, actualización, o si existen versiones en otros idiomas.

Así, el crawler (robot que rastrea internet para encontrar las páginas que buscamos) es quien debe encontrar tu sitio web después de haber constituido correctamente el sitemap y de haber implementado unas buenas acciones SEO. Por lo que, podemos decir que un sitemap es el que ayuda en el trabajo al robot de Google, para que el proceso de indexación sea más rápido y concreto, con lo que la velocidad de carga web es más rápida.

Dónde se almacena la información que recoge el sitemap

La información que ha recabado el mapa del sitio web es almacenada en el servidor donde se aloja la página y contiene toda la estructura de esta. Así, al facilitarle el trabajo a Google, este agradece que le entreguemos resultados más veloces y precisos, con lo que premiará a nuestra página web con un buen posicionamiento en su buscador, siempre y cuando el resto de acciones se desarrollen correctamente.

Pero no solo Google utiliza el protocolo de sitemap. Yahoo!, As.com, MSN y el buscador Bing lo emplean.

Cuáles son formatos empleadas en el mapa del sitio

.XLM. Es el formato más empleado. Es un índice estructurado creado para los rastreadores. Presenta la lista de URLs y se puedns agregar imágenes, videos y noticias.
.TXT. Aunque puede ser elaborado de manera más sencilla, puede obviar informaciones importantes al momento de la búsqueda, como la fecha de actualización de la web y la organización de las páginas.
Atom-RSS. Es muy utilizado en los blogs, aunque presenta el problema de que no siempre va a mostrar todo el listado de URLs. Por lo general, se concentra en las páginas que se han actualizado recientemente.

Cuándo hay que generar un sitemap

Un sitemap puede optimizar el proceso de búsqueda en las páginas web que son muy grandes, de estructura compleja o de contenido muy especializado. En la mayoría de los casos, el sitio web se verá beneficiado durante el rastreo, indexación y registro de la base de datos de tu web solo con la presencia del mapa del sitio. Entre otros casos, es necesario generar el mapa cuando:

Hay un sitio nuevo que empieza a hacerse su camino dentro de internet y necesita un impulso hacia sus páginas internas con los rastreadores.
Si el sitio es muy grande, para evitar que los buscadores ignoren el contenido.
Si existen páginas dentro de la web que puedan estar aisladas, o no se encuentren apropiadamente enlazadas, es conveniente listarlas en un mapa del sitio para evitar que sean consideradas irrelevantes por los rastreadores.
Si la web incluye mucho contenido multimedia, videos o imágenes, es conveniente listarlos en el mapa del sitio para ratificar su existencia a los buscadores.
Si existe una versión del sitio para móviles es conveniente incluirlo para garantizar su indexación.
En los casos de páginas con contenido dinámico, que reciben actualizaciones frecuentes, o nuevas publicaciones regularmente. Este es el caso de los portales de noticias y algunas tiendas virtuales con permanente actualización de stock.

Cómo indexar tu sitemap

La RAE define Indexar como “hacer índices de algo”. También refiere el proceso de “registrar ordenadamente datos e informaciones, para elaborar su índice”. Cuando los motores de búsqueda indexan un sitio web significa que la página forma parte de su gran índice de búsqueda.

Al hacer alguna consulta, el buscador identifica el contenido dentro del índice y este aparece dentro de sus resultados de búsqueda o de la Search Engine Results Page, SERP, lo cual genera tráfico que puede convertirse en venta, dependiendo de la naturaleza de la web.

Por lo general, los rastreadores generan un gran índice con los resultados de los millones de páginas consultadas, las cuales posiciona en función a un algoritmo interno. Tener un sitemap facilita la labor de indexación del sitio web.

Cómo enviar sitemap a Google

Cuando ya tienes tu sitemap generado, debes informarle al buscador de su existencia para hacerlo rastreable. Para ello puedes utilizar Google Search Console o robots.txt.

Google Search Console

Google Search Console es un servicio gratuito de Google que ayuda a solucionar los problemas de indexación y aparición de una página web en los resultados de Google. Es, por tanto, una herramienta que nos ayuda a entender y mejorar la manera en que el buscador ve tu sitio web.

Con ella nos cercioramos de que Google puede encontrar y rastrear nuestra web, pero también es utilizada con los siguientes propósitos:

Recibir alertas cuando Google detecte problemas de indexación o por spam y solucionarlos.
Consultar los datos de tráfico de tu sitio web en Google. Esto es saber con qué frecuencia aparece en el motor de búsqueda, qué consultas llevan a dicha página web y si los usuarios hacen clic en ellas.
Mostrar las páginas web que tienen enlaces a la nuestra.
Detectar y solucionar problemas relaciones con la usabilidad móvil y la experiencia usuario, entre otros.

Con esta herramienta no solo envías el mapa a Google, sino que también puedes comprobar el índice de saturación de las diferentes páginas. Es decir, confirmar las direcciones que se indexan definitivamente y las que no. El objetivo es lograr que todas las direcciones del mapa se indexen o se encuentren disponibles en Google.

La forma más sencilla de enviar el mapa del sitio a Google es a través del Search Console. Para esto debes acceder a Sitemap > Añadir Sitemap y escribir la URL. A continuación, presiona Enviar para que Google reciba la notificación.

Igualmente, desde Search Console puedes comprobar el estado de la indexación en la sección Índice de Google > Estado de indexación. Esta acción presentará un gráfico en el que se revelan las páginas internas enviadas al índice de Google y las que han sido bloqueadas por el buscador.

Robots.txt

Otra forma de notificar dicha información a Google es añadir el mapa del sitio al Robots.txt para que los robots rastreadores accedan a la dirección, la revisen como parte del proceso de rastreo e indexen su contenido.

Un archivo robots.txt indica a los rastreadores de Google a qué URLs de tu sitio pueden acceder. Se suele utilizar para que las solicitudes que recibe un sitio web no lo sobrecarguen.

Y, en el caso contrario, si quieres que tu página web no aparezca en los resultados de búsqueda de Google, debes bloquear la indexación o proteger la página con una contraseña. En el caso de WordPress, si tienes instalado el plugin Yoast SEO, debes especificarle que no le permites a los motores de búsqueda mostrar dicha página o entrada en los resultados.

Y si tienes dudas acerca de cómo funciona sitemap o tienes problemas para indexar tu web, en Aeuroweb podemos ayudarte. Ponte en contacto con nosotros y te ayudaremos a solucionar este y otros problemas relacionados.

Qué es Google Web Stories y cómo hacerlas

19/07/2021/en Diseño Web /por aeuroweb

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.

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á.

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:

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.
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.
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.

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.

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.

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!