Entradas

Web responsive y SEO: Buenas prácticas para el diseño web en WordPress

, , , , ,

Cuando comenzamos un nuevo proyecto de diseño web en WordPress, tenemos que tener en cuenta una serie de cuestiones técnicas para que el funcionamiento de nuestra web sea el óptimo.

En este artículo, el equipo de diseño web de Valencia de Gsoft informática te presenta una serie de consejos SEO, web responsive  y buenas prácticas para el desarrollo de una web en WordPress:

  1. Web responsive:  Plantilla de WordPress adaptable.
  2. Optimizar para SEO: Consejo.
  3. Los recursos de diseño web: optimización de imágenes y tipografías.
  4. Plugins de Seguridad y Caché para WordPress.

1. Web responsive:  Plantilla de WordPress adaptable

¿Cómo hacer que un buen diseño web WordPress tenga visibilidad en Internet? Utilizando una plantilla responsive.

La oferta de temas y plantillas para WordPress es muy amplia. Existe gran variedad, pasando por plantillas de WordPress gratuitas a plantillas de pago. Estas últimas suelen utilizarse para proyectos web que, debido a la amplitud de su contenido, requieren de mayor libertad a la hora de customizar el diseño de las páginas.

Una vez tenemos claro el tipo de diseño web que tenemos que hacer, hay un punto que no puede escaparse a al hora de elegir una plantilla: que sea responsive. Es decir, que la maquetación web se adapte a los diferentes dispositivos: escritorio, tablets y smartphones.

La navegación desde el portátil queda genial pero… ¿Cómo se ve tu web en el móvil?

paginas web adaptadas a móvil

Es muy importante realizar una web responsive, teniendo en cuenta que el tráfico en Internet a través smartphones se ha incrementado considerablemente en los últimos años, ocupando algo más de la mitad de las visitas en servicios online en los últimos años.

Desde Valencia, nuestro equipo de desarrolladores y diseñadores web ofrecemos el servicio de marketing online para mejorar el SEO de tu web.

2. Optimizar para SEO: Consejo

La optimización web comienza en el primer minuto del desarrollo… ¡Manos a la obra con el SEO!

Ya tenemos el tema de WordPress responsive instalado y es momento de empezar a configurar el SEO o posicionamiento web. Aunque los resultados reales los veremos a los largo del desarrollo web y al finalizar el proyecto, es importante que tengamos el SEO presente desde el principio.

En Gsoft Informática Valencia, recomendamos que instales el plugin gratuito Yoast SEO , una herramienta bastante completa y fácil de usar con la que poder trabajar el SEO web sobre los contenidos y estructura de tu WordPress.

SEO para wordpress

Este plugin va analizando cada página o entrada de tu web, haciendo un análisis a tiempo real de la legibilidad y frases objetivo. A su vez facilita las posibles mejoras que puedes hacer para aumentar la optimización SEO.

Existe unos elementos SEO cruciales que harán que aumenten el tráfico de tu sitio web.

Okey, ¡gracias Yoast! Ahora que tengo un diseño responsive y una herramienta para SEO, ¿qué más puedo mejorar en mi web WordPress?

3. Los recursos de diseño web: optimización de imágenes y tipografías

via GIPHY

Es tan importante tener unos buenos recursos, como su correcta utilización.

Como creadores de diseño web nos encanta utilizar las mejores imágenes con la mejor resolución. Pero esto puede ser bastante perjudicial, ya que afectará al rendimiento y carga de la página web. Si nuestro sitio tarda la vida en cargar el contenido, perderemos tráfico y las horas de diseño no habrán servido 🙁

Para evitar esto, la recomendación que hacemos antes de subir los archivos, es optimizar las imágenes para web. La clave es que la resolución de tu imagen web sea de 72 ppp(Píxeles/Pulgada) y no supere los 800 KB.

Si utilizas Photoshop, tienes la opción el el panel Imagen > Tamaño de imagen con la que poder redimensionar y ajustar a estas medidas web.

Optimizar imagen para web

 

Ahora hablemos del uso de tipografías para web. Otro recurso que nos vuelve locos a los diseñadores pero, cuando se trata de diseño web  hay que tratar con especial cariño.

Como hablábamos en el post anterior ELEMENTOS CLAVE BÁSICOS PARA UN BUEN DISEÑO WEB , lo mejor que podemos hacer es utilizar como una o dos fuentes. Con nuestra creatividad en diseño, maquetar textos jugando con los tamaños de letra, colores y peso de la tipografía, no resultará ningún problema obtener un buen resultado.

Si sigues estos consejos mejorarás el SEO web.

tipografías web

Cuando ya tenemos claro cómo podemos optimizar al máximo nuestra web en WordPress, nos queda este consejo, no menos importante.

3. Plugins de Seguridad y Caché para WordPress

La web perfecta: Legible, bien diseñada, rápida y segura.

Al igual que en el mundo real, hay personas que, sin conocer de nada y a base de ser pesados, intentan meterse el la vida de los demás sin venir a cuento, en Internet pasa exactamente igual. Para evitar que spammers, bots o gente aburrida intente colarse en tu maravilloso y optimizado WordPress, recomendamos la instalación de un plugin de seguridad. Existe un listado de módulos de seguridad gratuitos. Nosotros recomendamos el más utilizado: WordFence. Solo hay que instalarlo y facilitar un email donde quieras recibir las notificaciones en cuanto a intento de acceso por parte de terceros, actualizaciones de plugins necesarias, entre otras.

Seguridad wordpress

 

Por otro lado, tenemos el almacenamiento en caché. Este es importante porque reduce la carga de la web y hace que el contenido aparezca más rápido. Es necesario que instalemos un plugin de configuración de almacenamiento en caché para mejorar el rendimiento de nuestro WordPress.

Está claro que los usuarios se fijarán mucho en el diseño web, que sea una web responsive. Pero también hay que tener en cuenta que Google otorga una importante ventaja de SEO a los sitios web más rápidos, lo que le ayudaen los resultados de búsqueda a obtener mejores calificaciones.

Al igual que tenemos diferentes plugins de seguridad, también podemos elegir entre varios para la gestión de caché de nuestro sitio web en WordPress. Los mejor valorados:

Plugins caché wordpress

Nota: Dependiendo del tema que utilicemos, nos funcionará mejor uno u otro. Por esto, es conveniente que si no nos optimiza lo suficiente uno, probemos con otro.

Para saber la puntuación en SEO de Google para nuestro sitio web, podemos hacer un análisis desde la página de PageSpeed:

https://developers.google.com/speed/pagespeed/insights/

En este post te explicamos cómo configurar PageSpeed en WordPress.

CONCLUSIÓN:

Si seguimos estos consejos SEO, tu web responsive ganará en velocidad y mejorará la experiencia del usuario, animando a visitar más páginas. Esto también aumentará el tiempo que los usuarios pasan en la web.

Estas junto con otras buenas prácticas para la optimización web que iremos compartiendo, complementarán el diseño web obteniendo el mejor resultado.

Gsoft Infomática en Valencia, desarrolla tu sitio web responsive, optimizado para SEO y con las últimas actualizaciones en seguridad.

Somos una empresa que trabaja y mejora el SEO y el diseño web de empresas de Valencia, Comunidad Valenciana  y otros clientes de ámbito nacional.

Te asesoramos y desarrollamos tu proyecto web ¿Necesitas más información? No dudes en contactar con nuestro equipo 🙂

Configurar PageSpeed en WordPress

, , ,

A la hora de posicionar nuestro sitio web para atraer a potenciales clientes, existen muchos factores que debemos tener en cuenta. La velocidad de carga de la página web, el contenido de calidad, la estrategia de palabras clave, los backlinks, etc, son factores determinantes para Google y el posicionamiento en otros servidores de búsqueda. Bien es cierto que uno de ellos por sí solo no nos garantiza nada. De poco sirve tener la página más rápida de la web si el contenido que ofrecemos no es de calidad. En este artículo vamos a centrarnos en mejorar la velocidad de carga de nuestro sitio web y configurar pagespeed en wordpress y, así, aumentar nuestra puntuación en Google PageSpeed Insights, que es uno de los factores determinantes para Google que mencionábamos anteriormente. Si te interesa conocer más sobre otros factores, puedes consultar otros artículos en nuestro blog.

¿Qué es PageSpeed?

Si estáis familiarizados con el posicionamiento en Google, seguro que conocéis la herramienta PageSpeed que ofrece Google, que nos otorga una puntuación a nuestro sitio web, basándose sobretodo en la velocidad de carga de la misma.

Configurar pagespeed en wordpress

Para empezar, el primer consejo que os podemos ofrecer es que no os enfoquéis en conseguir un 100 si por el camino tenéis que sacrificar otras cosas que también son cruciales, como el diseño web o la experiencia de usuario. A su vez, esta herramienta nos indica como podemos mejorar la carga de nuestra web y esta puntuación.

configurar pagespeed en wordpress

Si usáis esta herramienta en vuestro sitio web por primera vez, posiblemente os estaréis preguntando qué significan estas recomendaciones que nos ofrece Google y cual es la mejor forma de seguirlas sin calentarte demasiado la cabeza. No te preocupes, Google lo tiene todo previsto y han desarrollado un módulo para instalar en nuestro servidor y automatizar estas tareas. ¿Suena bien, verdad? Pues en el siguiente apartado te ofrecemos unos consejos de configuración.

Configurar PageSpeed en WordPress

Lo primero que tenemos que hacer es instalar el módulo en nuestro servidor. Si estás familiarizado con el manejo de servidores Apache o Nginx, seguramente no tengas ningún problema para realizar la instalación. Si no estás familiarizado, o si tu hosting no te ofrece acceso directo al servidor, nuestra recomendación es que contactes directamente con el soporte y ellos estarán encantados de ayudarte. Y si todo lo anterior falla, puedes contactar con nosotros para que nos encarguemos del hosting de tu web. Nuestros servidores tienen el módulo de PageSpeed instalado por defecto, y, por supuesto, siempre estaremos encantados de ayudarte.

Con el módulo instalado en nuestro servidor, puedes volver a ejecutar la herramienta PageSpeed sobre tu sitio web. Como podrás comprobar la velocidad de carga ya ha mejorado de forma notable. Aún así aún tenemos que configurar PageSpeed en WordPress para exprimir al máximo el módulo.

Pero, empecemos por el principio, ¿cómo configuro el módulo? Para configurar PageSpeed en WordPress el módulo nos ofrece una serie de filtros que podemos activar o desactivar en nuestro sitio web. Este módulo nos ofrece tres configuraciones para facilitarnos la tarea, CoreFilters, OptimizeForBandwidth y PassThrough.

Configuraciones predefinidas

La primera configuración es la que viene activada por defecto y con la que ya habrás notado una mejoría en la velocidad de carga. Esta configuración activa los filtros que el equipo de desarrollo de Google ha considerado como seguros para disminuir el tiempo de carga de cualquier web sin alterar su funcionamiento. Actualmente, esta configuración activa los siguientes filtros:

add_head
combine_css
combine_javascript
convert_meta_tags
extend_cache
fallback_rewrite_css_urls
flatten_css_imports
inline_css
inline_import_to_link
inline_javascript
rewrite_css
rewrite_images
rewrite_javascript
rewrite_style_attributes_with_url

La ventaja de usar esta configuración en vez de activar estos filtros por nuestra cuenta, es que, si establecemos la configuración, el equipo de desarrollo va cambiando y adaptando los filtros incluídos con el paso del tiempo. De esta forma no nos tenemos que preocupar de los cambios que Google pueda aplicar a sus algoritmos.

La segunda de las configuraciones es OptimizeForBandwith. Esta configuración viene desactivada por defecto y es aún más segura para la integridad de nuestra página web, a costa de un menor incremento en la velocidad de carga y una menor puntuación en PageSpeed.

Si, por último, queremos configurar PageSpeed en WordPress a nuestro gusto, debemos usar la última de las configuraciones, PassThrough y combinarla con la activación de diferentes filtros.

Usar filtros para configurar PageSpeed en WordPress

Usemos la configuración que usemos, es posible activar y desactivar filtros a nuestro gusto para comprobar cual es la configuración que mejor funciona en nuestra página web.

Para activar un filtro en el módulo, usaremos:

pagespeed EnableFilters combine_css,extend_cache,rewrite_images

En esta instrucción podemos combinar y añadir tantos filtros como queramos separados por comas.

También se pueden añadir línea por línea, no hay límites en la cantidad de instrucciones EnableFilters que podemos usar.

pagespeed EnableFilters combine_css

pagespeed EnableFilters extend_cache

pagespeed EnableFilters rewrite_images

Para desactivar filtros la instrucción es muy similar. Si en vez de añadir los filtros anteriores queremos desactivarlos usaremos:

pagespeed DisableFilters combine_css,extend_cache,rewrite_images

Como en la activación, por supuesto, podemos añadir los filtros que queramos separados por comas o las instrucciones una a una, de nuevo, sin límite.

 

Ahora bien, ¿qué filtros son los mejores para configurar PageSpeed en WordPress?.

Nuestra recomendación es activar los CoreFilters e ir probando con los demás, para comprobar que la integridad de tu sitio web no se ve afectada por ninguno de los filtros. Si esto llegara a suceder, no te preocupes, porque volver al estado anterior es tan fácil como desactivar el filtro.

A continuación te dejamos una tabla con los filtros que nosotros hemos comprobado que mejor funcionan.

 

Filtros recomendados

Filtro Incluido en

CoreFilters

Incluido en

OptimizeForBandwidth

Descripción

responsive_images
No No Convierte las imágenes en responsive.
add_head Si No Añade <head> si no se encuentra.
outline_css No No Externaliza los .css en un archivo cacheable.
outline_javascript No No Externaliza los .js en un archivo cacheable.
combine_css Si No Combina elementos css en uno.
rewrite_css Si Si Sobrescribe los CSS para eliminar el exceso de comentarios o espacios.
flatten_css_imports Si No CSS en línea sobreescribiendo reglas @import.
rewrite_javascript Si Si Sobrescribe los JS para eliminar el exceso de comentarios o espacios.
combine_javascript Si No Combina los elementos JS en uno.
inline_css Si No Incluye los archivos css de menor tamaño en el documento HTML.
inline_javascript Si No Incluye los archivos css de menor tamaño en el documento HTML.
rewrite_images Si No Optimiza las imágenes.

convert_jpeg_to_progressive
Si Si Convierte las imágenes en formatos JPEG pesados a progresivos.

convert_png_to_jpeg
Si Si Convierte las imágenes PNG a JPEG para comprimirlas.

convert_jpeg_to_webp
Si Si Convierte las imágenes JPEG a WEBP.
resize_images Si No Redimensiona las imágenes al tamaño indicado por las etiquetas <width> y <height>
remove_comments No No Elimina los comentarios en el HTML
collapse_whitespace No No Elimina los espacios sobrantes.
extend_cache Si No Extiende el tiempo de caché de todos los archivos.
extend_cache_css Si No Extiende el tiempo de caché de los archivos css.
extend_cache_images Si No Extiende el tiempo de caché de las imñagenes.
extend_cache_scripts Si No Extiende el tiempo de caché de los archivos js.
extend_cache_pdfs No No Extiende el tiempo de caché de los archivos pdf.
lazyload_images No No Carga las imágenes a medida que el usuario va viéndolas. Ahorra carga de inicio.
in_place_optimize_for_browser No Si Optimiza archivos para el navegador utilizado.

Si después de leer todo esto, crees que es necesario implementar el módulo PageSpeed en tu sitio web, pero no estás familiarizado con el posicionamiento web, contacta con nosotros. Te asesoraremos sin ningún tipo de compromiso. Nuestro equipo de profesionales siempre estará dispuesto para echarte una mano.

Magento y Marketing de Contenidos dos aliados clave para potenciar la venta online

,

El número de sitios web de comercio electrónico aumenta constantemente, el mercado está inundado de competidores, y cada día es más difícil captar la atención del público. Ser visible es un desafío, por lo tanto, pero el marketing de contenidos tiene soluciones viables.

Magento y Marketing de Contenidos: ¿Qué es el marketing de contenidos y por qué lo necesitas?

La idea es dejar de lanzar publicidades y adoptar una estrategia contraria. Los métodos de marketing tradicionales son percibidos como intrusivos y, de hecho, son menos eficientes en la entrega de mensajes promocionales, ¡especialmente online!

El marketing de contenidos proporciona contenido de calidad sobre la información que tu audiencia precisa o está buscando. Por calidad, nos referimos a contenido que tiene valor y es relevante para un público objetivo específico.

El marketing de contenidos va más allá de la venta. Al proporcionar contenido de calidad y resolver sus problemas, crea confianza y lealtad en las mentes de los clientes.

Considera tu ecommerce en Magento como un recurso para los usuarios de Internet puedan convertirse en clientes potenciales. Esto te puede diferenciar de tus competidores y hacer que los visitantes te recuerden.

El marketing de contenidos, en esencia, te ayuda a establecer un vínculo emocional entre el público objetivo y tu marca.

No es fácil atraer público cuando tienes información limitada en tu tienda online en Magento. Las descripciones de los productos, las reseñas y las piezas de contenido son esenciales para ayudar a tus clientes a decidir qué comprar. Además, Google y las redes sociales se han convertido en una gran fuente de referencias. Por lo tanto, es importante que los ecommerce en Magento realicen acciones de marketing de contenidos si realmente desean atraer nuevos compradores y retener los existentes.

Magento y Marketing de Contenidos: ¿Por qué el contenido es importante para el comercio electrónico?

  • Aumenta la conciencia de marca: es la mejor forma de atraer clientes y aumentar el conocimiento de la marca. Según las estadísticas, casi el 70% de las personas prefieren aprender sobre una empresa a través de artículos que anuncios.
  • La experiencia editorial generada a partir de la creación de contenido personalizado mejorará tu autoridad. Aunque la confianza en las tiendas online está creciendo, los usuarios aún necesitan que se les tranquilice cuando visitan su sitio web hasta el final del embudo de conversión.
  • Las estadísticas dicen que el 82% de los consumidores tiene una opinión más positiva sobre una empresa después de leer contenido personalizado.
  • Es amigable con el SEO. A los usuarios les gusta encontrar buenos contenidos, al igual que a Google y a otros motores de búsqueda. El SEO siempre es mejor cuando tienes datos y contenido nuevo que puede encontrar un motor de búsqueda.
  • Dedica más esfuerzos al contenido actualizado, al uso apropiado de las palabras clave y a la riqueza del contenido. Como resultado, serás clasificado más alto y aumentará el interés de tu audiencia.
  • Mejora UX. También se trata de construir una mejor experiencia de usuario en general.
  • ¡Convierte! Según algunos estudios, la tasa de conversión promedio de los sitios con marketing de contenido es del 2,9%; es 0.5% para webs sin una estrategia de contenidos. Esto significa que la estrategia de contenidos convierte seis veces más.

Magento y Marketing de Contenidos: El tipo de contenido al que deberías enfocarte

Entonces, ¿qué tipo de contenido puedes publicar en tu tienda online en Magento para aumentar la tasa de conversión?

La clave es la diversificación.

  • Crea páginas estáticas con contenido enriquecido: texto, imágenes y especialmente videos.
  • Blog (tendencias y publicaciones de marca, consejos o sugerencias y no contenido promocional): un blog mejorará tu autoridad de confianza y atraerá tráfico a tu web
  • Base de conocimientos (estudios de casos, publicaciones técnicas y preguntas frecuentes)
  • Documentación (información técnica, contenido descargable, guías de video, presentación de SlideShare, etc.)
  • Localizador de tiendas (para ofrecer opciones de compra)

Para mejorar tus acciones de marketing, también puedes trabajar en estos contenidos específicos:

  • Optimiza tu página de inicio
  • Crea páginas de destino de acuerdo con tus campañas de Marketing Online (newsletters, AdWords, etc.)
  • Crea un enlace interno a través de tus páginas de contenido y productos, por ejemplo, vinculando un artículo de tu blog directamente a una selección de productos correspondientes de tu tienda en Magento.

Magento y Marketing de Contenidos: Soluciones técnicas

En Gsoft, trabajamos casi todas las tiendas online en Magento, y cuando desarrollamos ecommerce para nuestros clientes, también nos gusta asegurarnos de que su proyecto tenga las mejores posibilidades de éxito.

Conocemos el aspecto estratégico del Marketing de Contenidos para el comercio electrónico, y sabemos que Magento es bastante limitado en este campo.

La plataforma de Magento es una campeona de plataforma de comercio electrónico de código abierto, y WordPress, por otro lado, es conocida por su genialidad en CMS y blogs. Es totalmente posible crear una combinación de Magento y WordPress y tener lo mejor de ambos mundos.

Integrar un blog de WordPress en la tienda de Magento es quizás lo mejor que puedes hacer para tu negocio.

Si quieres más información no dudes en contactar con nuestro equipo de profesionales en Magento en Valencia y buscaremos la mejor solución para tu negocio.

15 ventajas de wordpress

,

WordPress es gratuito

WordPress es gratuito. Ya sea que estés usando WordPress.com u optar por instalar el script en tu propio servidor web, WordPress se pone a tu disposición gratuitamente. No cuesta nada utilizar.

Facil de configurar

WordPress es fácil de configurar. La instalación de WordPress es un proceso rápido y fácil. El proceso es mucho más sencillo si estás usando fantastic autoinstaller que puede encontrarse en tu cPanel.

Plantillas

WordPress tiene infinidad de diseños ¿No te gusta el aspecto por defecto de tu WordPress? Hay un montón de grandes themes disponibles para que elijas. No importa cuál es tu preferencia, siempre hay uno para que se adapte a tu personalidad.

Plugins

Sin lugar a dudas, la principal razón por la que creo que es mejor elegir WordPress en lugar de otras plataformas de blogs es la posibilidad ilimitada que podría extender tu funcionalidad utilizando una amplia gama de plugins. Debido a la popularidad de WordPress, los plugins se están desarrollando para atender a su fuerte base de usuarios. Lo mejor de todo, todos estos plugins son gratis.

No es necesario mantenimiento

Con WordPress no es necesario mantenimiento. Con el plugin WordPress Automatic Upgrade, siempre puedo estar seguro de contar con el software más reciente en caso de cualquier actualización. El proceso se ha simplificado y automatizado sin necesidad de pasar por los distintos pasos de actualización.

No necesitas saber programar

WordPress se puede utilizar out-of-the-box sin ninguna habilidad de programación. Aunque un poco de conocimiento en HTML o PHP siempre nos hará falta. Para eso nos tienes a nosotros en caso necesario 🙂

Fácil de usar

WordPress Admin Dashboard es uno de las interfaces más fáciles de usar que hay hoy en día. Además todo es explicado en Español. Si necesitas escribir un post o gestionar la configuración es un juego de niños.

Open source

Al tratarse de una plataforma de código abierto, WordPress tendrá un mejor modelo de desarrollo de software que es bueno para los usuarios. Siempre habrá una mejora continua de su plataforma.

Personalizable

Desde la plataforma de WordPress en función de una plantilla, la personalización nunca ha sido tan fácil. Un típico blog debe constar de cabecera, contenido, sidebar y footer. Cualquier cambio en tu plantilla se puede hacer desde el Admin Dashboard y personalizarla desde el Theme Editor.

Sin problemas de integración

Si tienes una página web estática existente, ahora es el momento en que deberías considerar la posibilidad de WordPress para administrar tu sitio. Se trata de uno de los mejores sistemas de gestión de contenidos (CMS).

Fácil migración

WordPress es fácil de migrar. Todas tus entradas y comentarios en otra plataforma será migrado en un proceso relativamente fácil. Ve a “Importar” en tu Dashboard.

Amigable con el SEO

WordPress es amigable con el SEO. Con el auto-ping y junto con el uso del plugin Google Sitemaps XML, se necesita poco para el ejercicio de indexación por los buscadores. De hecho, Google ama los blogs “powered by WordPress”.

Gran apoyo de la comunidad

Debido a su popularidad, la solución a cualquier problema de WordPress es sólo cuestión de buscar el Google. Bueno, al menos eso es lo que suelo hacer. Hay demasiadas discusiones sobre WordPress en diversos foros y grupos de discusión que pueden responderte en cualquier pregunta al instante.

Multi idioma

Por defecto WordPress se muestra en Inglés, sin embargo, el software ha incorporado la capacidad de tener WordPress en cualquier otro idioma. Aprende a instalar WordPress en tu idioma.

Multi usuarios

WordPress no se limita a un solo usuario. Trabaja en torno a multi-usuarios, donde dos o más personas pueden colaborar en un solo proyecto para usar WordPress.

Items de portfolio