Magazine

Consejos para un Diseño Web optimizado enfocado al posicionamiento en buscadores

Publicado el 01 agosto 2017 por Tomasarias @atalantic_es

Son muchas las cosas a tener en cuenta a la hora de realizar un diseño de una página web. Muchas veces le damos mucha importancia a la apariencia estética y a la funcionalidad pero olvidamos ciertos aspectos técnicos y estructurales que son vitales para el correcto funcionamiento de la misma y para un SEO orgánico de calidad. A continuación exponemos algunos consejos para dotar a nuestra página web de los mejores cimientos y materiales para construirla:

1. Elije muy bien el servidor web

Existen infinidad de compañías que ofrecen varios paquetes de servidores con distintas cualidades y capacidades. La cuestión no es contratar aquel que más tecnología nos ofrezca por el menor precio. Si no que hemos de elegir aquel paquete que se ajuste a las necesidades de nuestro proyecto. Ni más ni menos. Si intentamos ahorrar más de la cuenta, puede que en algún momento nos llevemos alguna sorpresa desagradable debido a que hemos sobrepasado el límite de descarga contratado o no podemos implementar alguna tecnología que nos hace falta. Por otro lado, tampoco queremos pagar por un alojamiento de gran capacidad y dotado de ciertas  tecnologías, si no lo vamos a utilizar.

Ejemplo: Si lo que nosotros necesitamos es una página web presencial que lo único que va a mostrar son unas 4 o 5 páginas web dónde se explican los servicios y se habilita un formulario de contacto, prácticamente nos vamos a apañar con el paquete más básico, por lo menos al principio.
Si por el contrario queremos alojar un portal web más complejo donde además poseemos un canal de vídeos en streaming que se actualiza diariamente, obviamente necesitaremos una máquina con más capacidad de almacenamiento y mayor potencia.

Pero la cosa no queda aquí. Dependiendo del servidor y de la empresa que nos ofrezca el servicio de alojamiento veremos que los paquetes de hosting para páginas web pueden contar con ciertas características como el panel de control, posibilidad de ampliarlo con tan sólo un click, sistemas de caché de ram, plataformas de virtualización, firewall y protección contra ataques externos, discos de almacenamiento con protección contra la pérdida de datos...etc.

2. Protocolo HTTPS

El Hypertext Transfer Protocol Secure es un tipo de protocolo de transferencia de datos cuyo punto fuerte es la encriptación de los mismos  lo que ofrece una mayor protección contra el robo de datos que son introducidos en los formularios del sitio.

3. Tecnología HTML y PHP

El lenguaje básico utilizado para la estructuración de páginas web es el HTML. Sólo con este lenguaje se pueden realizar diseños de páginas web sencillas totalmente funcionales. Eso sí, para conseguir que nuestra página web sea agradable para los buscadores y conseguir el mejor posicionamiento orgánico (posicionamiento pasivo basado únicamente en los contenidos y estructura) deberemos tener muy en cuenta para nuestro diseño web ciertas reglas en cuanto a la estrucuturación y optimización de los distintos elementos (p. ej. imágenes de poco peso), sin olvidarnos de realizar un diseño web responsable para nuestra página web. Si además combinamos el HTML con otros lenguajes de programación como el PHP o el javascript, lograremos dotar de más funcionalidad a nuestra web y podremos conseguir incluso la interacción de los usuarios y la recopilación de datos de los mismos. (p. ej. formularios de contacto, newsletters, notificaciones periódicas...etc)

4. Optimización de imágenes

Como hemos comentado unas líneas más arriba, es necesario que las imágenes que tenemos en nuestra página web ocupen lo menos posible sin sacrificar del todo la calidad de las mismas. Esto va a afectar sobre todo a la velocidad de carga del sitio. No es lo mismo que una web tarde en aparecer 2 segundos en el navegador, que tarde 30 segundos en empezar a mostrar la información. En este último caso probablemente el usuario se irá cuando hayan pasado más de 5 segundos de media debido a la desesperación y habremos perdido un usuario o cliente potencial.

5. Optimización y compresión de los estilos y efectos

Para mejorar aún más la velocidad de carga de nuestra página web, deberemos reducir los elementos de estilo (css) y javascripts a la mínima expresión con un código depurado al máximo sin elementos o instrucciones innecesarias y guardarlo en la caché  del servidor si éste lo permite.

5. Evitar plugins innecesarios en los CMS

Si utilizamos un sistema de gestión de contenidos (CMS) como WordPress, Joomla o Prestashop, debemos minimizar la cantidad de plugins que instalamos y activamos, ya que muchos de ellos pueden influir negativamente en la velocidad de carga e incluso provocar problemas de compatibilidad entre ellos. Asegúrate de que conoces bien los plugins y utiliza sólo los necesarios para tus propósitos.

6. Habilitar la caché del servidor

Si el servicio de hosting que tenemos ofrece esta funcionalidad, es conveniente utilizarla ya que al guardarse una copia compilada de nuestro sitio en el servidor, evitamos que tenga que realizar esa misma operación cada vez que un usuario nos visite. Esto evita que se caiga el servidor en el caso de que la cantidad de visitas al mes sea elevado.

7. Configurar el CDN

EL CDN es una red de entrega de contenidos (Content Delivery Network), lo que consiste en una red de servidores distribuidos por todo el mundo diseñados para guardar en caché una copia de nuestra web de modo que se disminuyen los tiempos de carga del contenido de los sitios web a los visitantes. Cuando un usuario intenta acceder a nuestro sitio desde otro país, se le cargará la copia del servidor CDN más cercano a su ubicación por lo que aumentamos la velocidad de carga.


Volver a la Portada de Logo Paperblog