Tecnología9 de diciembre de 2021por Gabriel

Prepárese para lanzar su sitio web: No olvide estas 10 cosas.

¿Qué cosas tiene que hacer todavía en su sitio web antes de lanzarlo?

Has comprado un dominio web y has creado un sitio web: ¡bravo! Antes de pulsar el botón de lanzamiento y difundir la noticia de su nuevo sitio web, asegúrese de comprobar las siguientes cosas para que su proyecto tenga las mejores posibilidades.

A continuación se muestran algunos consejos de supervisión, optimización y seguridad para ayudar a que su tráfico crezca y ofrecer la mejor experiencia a los visitantes de su sitio web:

  1. Google Analytics
  2. Consola de búsqueda de Google
  3. Cloudflare para la seguridad y la velocidad
  4. Certificado SSL para la seguridad y la confianza de los visitantes
  5. Almacenamiento en caché para mejorar el rendimiento
  6. Optimización y compresión de imágenes
  7. Minificación de scripts
  8. Comprobación de enlaces rotos
  9. Comprobación de enlaces canónicos
  10. Copia de seguridad

Vamos a explicar cada punto con más detalle:

1. Google Analytics para el seguimiento del tráfico

Una solución de análisis es muy fácil de añadir a cualquier sitio web y le permite controlar el tráfico en todas las páginas de su sitio: registra cuántos visitantes tiene, de dónde vienen, de qué sitios llegaron a usted, qué páginas visitan, cuánto tiempo pasan en cada página y mucho más.

Lanzamiento de un sitio web sin una solución de análisis de tráfico es como conducir un coche con los ojos vendados: estás en la carretera pero no tienes ni idea de hacia dónde vas. No sabes cómo está funcionando tu tráfico, si los artículos y contenidos que publicas están teniendo algún efecto, o el impacto de tus campañas publicitarias.

Sin una solución de análisis, ni siquiera sabe si sus esfuerzos de SEO están teniendo efecto.

Una de las soluciones más populares y fáciles de instalar es Google Analytics, ¡y es gratis!

2. Google Search Console (antes Webmaster Tools)

Google Search Console permite medir el rendimiento de los motores de búsqueda de Google

Si Google Analytics te dice lo que ocurre con los visitantes de tu sitio, Google Search Console (antes Webmaster Tools) te dice en qué posición se encuentra tu sitio en Google en términos de búsquedas. Te dice cuántas páginas de tu sitio ha indexado Google, con qué palabras te encuentran los visitantes, con qué frecuencia apareces en los resultados y qué páginas de tu sitio son las más populares en términos de tráfico orgánico.

Google Search Console también te permite indicar a Google dónde encontrar tu mapa del sitio para ayudarle a descubrir e indexar las páginas de tu sitio.

Desde el punto de vista técnico, una vez que autorices y añadas tu sitio a Google Search Console, empezarás a recibir varias notificaciones y alertas sobre la "salud" de tu sitio, como cuando Google encuentre errores en tu servidor o si descubre virus y código malicioso en tu sitio.

Le ofrece consejos para facilitar la navegación de su sitio en dispositivos móviles y le muestra qué sitios están publicando enlaces a su sitio.

Google Search Console también puede vincularse con Google Analytics, para ver informes más detallados directamente en la interfaz de análisis de tráfico.

Google Search Console es una herramienta muy valiosa y te recomiendo que la aproveches.

3. Cloudflare para la velocidad y la seguridad

Cloudflare es una empresa que ofrece una gran cantidad de servicios orientados a la seguridad de los sitios web, la transferencia de contenidos, la velocidad y mucho más.

Puede activar Cloudflare en su sitio web de forma gratuita, sin necesidad de realizar ningún cambio en el sitio, directamente en el Nivel de DNS. Una vez que lo activas (tarda unos 10 minutos), Cloudflare se hace cargo de la zona DNS y de las peticiones DNS.

A cambio, usted obtiene:

  • Protección: Como la zona DNS será controlada por Cloudflare, la dirección IP de su sitio estará oculta y nadie podrá averiguar la dirección de su servidor. Su sitio funcionará sin problemas porque Cloudflare dirige el tráfico hacia el servidor sin revelar su identidad y, por tanto, los bots y las personas malintencionadas verán la dirección de Cloudflare en su lugar. De esta manera, le protege de ciertos ataques que se dirigen directamente al servidor. Cloudflare también le protege de los ataques DDoS (un tipo de ataque que abruma a un servidor enviando miles de peticiones por segundo).
  • La velocidad: Cloudflare ofrece almacenamiento en caché gratuito para su contenido estático (imágenes, HTML, CSS, código Javascript) directamente en su red de distribución (CDN). Eso significa que verás un importante ahorro de ancho de banda: como tus imágenes y otros contenidos estáticos están en servidores de Cloudflare en muchas regiones del planeta, tus visitantes podrán acceder a esos recursos mucho más rápido, desde un servidor cercano a ellos, y tu servidor estará libre y relajado. Mientras escribo este artículo, tengo más de 50 sitios web en Cloudflare y la mayoría tienen un ahorro de ancho de banda de 50% o más. Gestiono muchos sitios de comercio electrónico y todos ellos tienen miles de imágenes de productos. ¡El ahorro de ancho de banda es enorme!
  • La seguridad: Cloudflare ofrece un certificado SSL gratuito para todo el dominio que se renueva automáticamente. Todo lo que tienes que hacer es activarlo en la interfaz de administración y ¡voilá! Se puede acceder a su sitio con https://. ¿Por qué es esto algo bueno? Por un lado, tus visitantes estarán más tranquilos al ver que se accede a tu sitio a través de una conexión segura. Luego, desde 2017, Google ha dicho que dará más peso a los sitios seguros en los resultados, y desde 2018 incluso muestra una etiqueta en el navegador Chrome junto a los sitios sin SSL: sitio no seguro. Así que, al ser gratis, ¡no tienes ni que pensarlo! ¡Ni siquiera tienes que instalar nada en tu servidor!

4. Certificado SSL para la seguridad

Como se ha mencionado anteriormente, Google ha empezado a preferir los sitios web que tienen certificados de seguridad SSL, y muestra una etiqueta de "no seguro" en las páginas de resultados junto a los sitios que no tienen SSL. No se ve bien, pero también es un riesgo para la seguridad seguir sin SSL en tu sitio, especialmente cuando puedes tener uno gratis.

¡Ya no hay excusas en 2019 para no tener SSL! Y si no migras a Cloudflare, puedes conseguir un certificado SSL gratuito La mayoría de las empresas de alojamiento utilizan certificados gratuitos de Let's Encrypt. Puedes instalarlos con unos pocos clics desde tu anfitrión, o si estás en Windows, por ejemplo, puedes descargar un pequeño software que lo instalará fácilmente.

Por supuesto, nadie le impide comprar un certificado SSL a un distribuidor autorizado (como GoDaddyetc.) e instalarlo.

Una vez que haya configurado el SSL, no olvide redirigir todas las páginas con la versión http:// a la versión segura https://. Normalmente, esto se consigue añadiendo reglas de redirección en tu servidor o, si utilizas Cloudflare, comprobando la opción "Utilice siempre https" en la sección Crypto de la interfaz de Cloudflare.

5. Almacenamiento en caché para la velocidad del sitio

Puedes aliviar la carga de tu servidor aprovechando las ventajas de la caché. Si tu sitio está construido con WordPress, hay muchos módulos de almacenamiento en caché que puedes instalar y que pueden ahorrar CPU (Total Cache, WP Rocket, etc.), ahorrar un montón de consultas a tu base de datos, etc.

El almacenamiento en caché funciona en muchas capas, pero el principio básico es que la primera vez que un visitante accede a una página que tiene el almacenamiento en caché activo, el servidor genera esa página consultando la base de datos, generando el código HTML y sirviendo la página al visitante. Pero al mismo tiempo, el plugin de caché crea una copia estática de la página ya generada y la almacena en el disco (o en la memoria del servidor). Cuando la página es visitada de nuevo (por el mismo visitante o por otro), el plugin encuentra la página en caché y la sirve desde allí, evitando que el servidor tenga que trabajar de nuevo para generar la página.

Este es el principio básico y, dependiendo de la complejidad de sus páginas, puede hacer que el sitio parezca volar.

Este proceso ocurre en segundo plano, sólo tienes que preocuparte de la configuración inicial y la caché se actualiza automáticamente cuando haces cambios en las páginas o cuando caducan.

6. Optimización y compresión de imágenes

Siempre es una buena idea planificar y preparar las imágenes al principio de la fase de construcción del sitio web; esto le ahorrará mucho tiempo cuando llegue el momento de lanzarlo. Siempre hay que subir imágenes optimizadas, con el tamaño adecuado para el lugar en el que se van a utilizar. No sirve de nada subir una imagen enorme al servidor y a la página web si sólo la necesitas para cubrir una cuarta parte de la página.

También es una buena idea preoptimizar y comprimir imágenes antes de subirlas para asegurarse de que tienen la mejor proporción de tamaño. Hay muchos plugins para WordPress que optimizan y comprimen las imágenes después de añadirlas al sitio, pero lo mejor es tener una idea de dónde se va a utilizar cada imagen, qué tamaño debe tener y subirla a ese tamaño desde el principio.

Las imágenes aumentan mucho el tiempo de carga de su sitio web y pueden consumir más ancho de banda del servidor de lo necesario. Si tu cuenta de alojamiento tiene un límite de ancho de banda (cantidad de datos transferidos en un mes), puedes agotar el ancho de banda mucho más rápido con solo unas pocas imágenes de más, dependiendo de la cantidad de tráfico que reciba tu sitio.

Si utilizas principalmente imágenes JPEG, que es un formato comprimido (con pérdidas), hemos determinado que ajustando muy ligeramente la compresión/calidad, puedes conseguir un importante ahorro de ancho de banda.

Recientemente he estudiado esta relación entre tamaño y calidad en algunos sitios de comercio electrónico que he creado y he encontrado un buen valor para las imágenes de los productos (que en algunos sitios pueden ser miles).

Vea a continuación la diferencia en el tamaño del archivo cuando se varía la compresión de la imagen (calidad), de 90 (por defecto), a 70 y luego a 50.

Aunque el tamaño de las imágenes era muy pequeño en los productos, el valor de 50 daba lugar a imágenes de una calidad visual demasiado pobre, por lo que lo aumenté a 70. Pero incluso con una calidad de 70, el ancho de banda consumido por las imágenes se redujo casi a la mitad. Si se multiplica esto por miles de productos, el ahorro conseguido y la diferencia en el tiempo de carga de la página es enorme.

Como puedes ver a continuación, una vez que pasas a la calidad 70, el tamaño de la imagen aumenta drásticamente. Y para el salto de calidad de 50 a 90, ¡el tamaño del archivo de imagen es más del doble!

Tamaño en calidad 90 (en KB) Tamaño en calidad 70 (en KB) Tamaño en calidad 50 (en KB)
35.6 20.0 15.0
34.4 19.3 14.5
35.8 20.1 15.0
24.7 13.3 9.9
37.3 22.0 16.9
27.4 15.3 11.5
27.1 15.2 11.4
61.2 34.9 26.3
Total: 283,5 Total: 160,1 Total: 120,5

 

7. Minimización para reducir el tamaño del script

La minimización es el proceso de reducir el tamaño de los archivos de script (Javascript, hojas de estilo CSS) que su sitio web necesita para que se carguen más rápido.

Puede tener archivos CSS (para dar estilo) o archivos Javascript (para añadir animación o funcionalidad e interacción dinámica). Cuando trabajas en el sitio, estos scripts suelen tener un código bien ordenado con sangrías, tabulaciones, espacios, líneas múltiples y nombres de variables largos para facilitar la edición, pero los navegadores no los necesitan para interpretar los archivos correctamente y mostrar la página.

Al minimizar, puede eliminar automáticamente estos espacios, tabulaciones, líneas vacías, sustituye los nombres de las variables por otros más cortos sin que ello afecte a su funcionalidad. Este proceso de minimización puede hacer que los archivos sean mucho más pequeños y, en consecuencia, más rápidos de cargar.

Por eficiencia, este proceso de minimización puede tener lugar en el servidor (hay plugins para WordPress para la minimización), pero también puede hacerse en el programa/plataforma que utilices al desarrollar el sitio. Si tu sitio cuenta con Cloudflare, éste puede minimizar los archivos directamente desde el servidor, en el momento del acceso, sin que tengas que hacer nada.

La minimización de los scripts da un impulso a la puntuación cuando pruebas como Google Page Speed, GTMetrix o YSlow analizan su sitio. Google también utiliza la velocidad de carga del sitio a la hora de determinar la posición de su sitio en las páginas de resultados de búsqueda. Un sitio que carga rápidamente es bien visto por Google y sus visitantes estarán encantados.

Este es un ejemplo de la configuración en Cloudflare que minimiza automáticamente los archivos estáticos en su sitio:

ejemplo de minificación de cloudflare

8. Compruebe si hay enlaces rotos

A veces me desorganizo cuando trabajo en el sitio. Creo la mayoría de las páginas como borradores, en blanco, y luego las retoco y les pongo contenido. A menudo dejo enlaces temporales en el contenido que no van a ninguna parte, con la intención de volver más tarde y reemplazarlos antes del lanzamiento del sitio. Pero a veces me olvido y puedo acabar con enlaces rotos en el sitio.

Otras veces, no recibo todo el contenido de los clientes y creo páginas en blanco con enlaces temporales, sólo para poder seguir con mi negocio. Por supuesto, a menudo el cliente cambia de opinión o me olvido de él.

Independientemente del motivo, todos los sitios web pueden tener enlaces rotos y páginas perdidas. No queda bien en la primera impresión y no es buena idea dejarlos así, desde el punto de vista de la experiencia del visitante pero también del posicionamiento en los motores de búsqueda.

Por eso, antes de lanzarlo (y a intervalos regulares después del lanzamiento), compruebo si hay enlaces rotos en mi sitio web. Puedes hacerlo manualmente si no tienes muchas páginas, pero puedes omitir accidentalmente algunos enlaces.

Lo mejor es utilizar una herramienta de software llamada "rastreador", un software que visitará la página principal del sitio, identificará todos los enlaces de esa página, luego visitará cada enlace y hará lo mismo en cada uno hasta agotar todas las páginas y enlaces. Después de escanear todo el sitio, le da un informe de los resultados y le permite saber si tiene algún enlace roto para que pueda arreglarlo.

Mis herramientas favoritas para comprobar si tienes enlaces rotos son:

  • Xenu Link Sleuth - un programa gratuito para Windows que comprobará cualquier enlace de su sitio web, no sólo las páginas, sino también las imágenes, los marcos, los plugins, los fondos, las hojas de estilo, etc. Genera informes en tiempo real a medida que escanea, y al final, puede guardar el informe o enviarlo por correo electrónico. También funciona en sitios con seguridad https. El programa es muy pequeño y funciona en todas las versiones de Windows a partir de la 95.
  • La Rana Gritona - una herramienta online que ofrece algo más que la comprobación de enlaces rotos. La versión gratuita escanea hasta 500 URLs (lo que puede ser suficiente si no tiene un sitio web grande). También te ayuda con algunos consejos y herramientas de optimización para motores de búsqueda, como la identificación de contenido duplicado, el análisis de etiquetas meta y de título, la generación de mapas de sitio XML y mucho más.

Este es un ejemplo de un informe generado por Xenu Link Sleuth:

ejemplo de xenu

9. Comprobar las URL canónicas

Si tiene una página en su sitio a la que se puede acceder con más de una URL, o si tiene diferentes páginas con diferentes URLs pero con idéntico contenido, tiene "contenido duplicado". Los motores de búsqueda también identifican este contenido y esto puede afectar negativamente al rendimiento de su sitio en los motores de búsqueda.

Por ejemplo, supongamos que tiene una página de contacto, accesible en la siguiente dirección:

http://www.mysiteexample.com/contact

Y la misma página en:

http://mysiteexample.com/contact

Usted podría decir: ¡pero es la misma dirección! ¡Es la misma página!

Sí, efectivamente es la misma página, pero se puede acceder a ella en la versión del dominio con "www" y sin "www". Para Google, se trata de una página duplicada. "WWW" es sólo un subdominio y se considera una dirección diferente.

Si no le dices a Google cuál es la versión preferida (canónica u oficial) de tus páginas, Google elegirá por sí mismo, considerando una "canónica" e ignorando la otra, o peor aún, considerando ambas de igual importancia. En este caso, el "valor" SEO que recibiría la página canónica se divide en dos: a cada versión por un lado. Esto lleva a que la importancia de la página disminuya debido a los diferentes enlaces, terminando con sus páginas compitiendo entre sí.

Aquí es donde resulta útil el enlace "canónico": aunque su sitio tenga varias páginas con el mismo contenido, accesibles en diferentes URL, puede especificar en la sección de las páginas qué versión prefiere (la versión "canónica"), de esta manera:

<link rel=”canonical” href=”http://mysiteexample.com/contact” />

Esta etiqueta es suficiente para indicar a los motores de búsqueda que usted prefiere que la página considere la versión sin las "www" como "oficial".

Además, si tienes configurado Google Search Console, también debes ir allí y especificar qué versión prefieres para que los informes que se reciban allí sean para la versión adecuada.

Puede leer más aquí sobre las URL canónicas y otros temas relacionados con la mejora de su sitio y con facilitar al máximo su indexación y comprensión por parte de los motores de búsqueda.

Si utiliza WordPress en su sitio, una gran herramienta para los aspectos de optimización de motores de búsqueda es el Plugin Yoast, que además de las funciones de optimización, análisis de artículos, análisis de palabras clave, etc., genera automáticamente estas URL canónicas en todas las páginas.

10. Copia de seguridad del sitio web

Todo el trabajo que ha invertido en su sitio web puede irse por el desagüe si no tiene una solución de respaldo configuración. Has subido las imágenes, has creado las páginas, has configurado los plugins y más tarde algún hacker accede a ella, el servidor se cae o tú mismo rompes algo - si no tienes una copia de seguridad recienteSi no lo haces, te arriesgas a no recuperar nada.

Por eso se recomienda tener una copia de seguridad antes de lanzar el sitio. Es bueno tenerla desde la fase de construcción.

Casi todas las empresas de alojamiento ofrecen una u otra solución de copia de seguridad, incluida en el precio o con un coste adicional, según la suscripción que tenga. Además, dependiendo de la empresa y de lo que pagues, la frecuencia con la que se realizan estas copias de seguridad del sitio es diferente: diaria, cada pocas horas o semanal.

Sigue siendo una buena idea tener su propia copia en algún lugar. Puede hacer una copia de seguridad de su sitio a través de FTP, o utilizando varias herramientas de copia de seguridad como Syncback SE o Syncback Pro (que he utilizado durante años en todos mis proyectos).

Si su sitio está construido con WordPress, una muy buena solución de copia de seguridad es hacer una cuenta gratuita en el ManageWP plataforma. Una vez que conectes tu sitio a ManageWP, puedes configurar copias de seguridad gratuitas (mensuales) o diarias (de pago). Dependiendo de su sitio y de la frecuencia con la que actualiza el contenido, una copia de seguridad al mes puede no ser suficiente.

Desde ManageWP puedes restaurar tu sitio automáticamente, ya sea en el mismo host que tenías la primera vez, o en otro host si quieres cambiar de compañía de alojamiento.

Como servicio para profesionales con múltiples sitios, ManageWP también tiene otras características como el control centralizado de las actualizaciones, los comentarios, la instalación de módulos y más.

Otra solución de copia de seguridad que utilizo es la copia de seguridad automática en Amazon S3 (puedes utilizar Syncback para ello), o en otro servidor FTP. Hay muchos plugins para wordpress que harán una copia de seguridad de tu sitio en servicios como Dropbox, Google Drive, OneDrive, etc.

Sin embargo, es importante recordar que, por seguridad y eficacia, la copia de seguridad del sitio debe hacerse con frecuencia (al menos diariamente) y en una ubicación distinta de la del propio sitio.

Personalmente, prefiero la copia de seguridad en Amazon S3, utilizando Syncback Pro. Puedo configurar la copia de seguridad para que se ejecute diariamente, de forma diferencial (sólo se respaldan los cambios, no todo el sitio). Y si es un sitio muy importante y quiero la flexibilidad de retroceder a versiones anteriores, puedo configurar 7 copias de seguridad - una para cada día de la semana. En esta variante, si sucede algo indeseable y no me doy cuenta inmediatamente (tal vez el sitio fue infectado y no me di cuenta, y la copia de seguridad también almacenó el script malicioso), puedo retroceder unos días.

Para todos mis clientes, tengo copias de seguridad diarias y completas de la base de datos. Si quiero, puedo volver a la versión de hace unos meses. Las grandes empresas almacenan incluso años de copias de seguridad de sitios web y bases de datos. Todo depende de la importancia de los datos y de la flexibilidad que quieras tener a la hora de recuperarlos.

Bonificación: Configure su suscripción al boletín de noticias

Este último consejo está más en el área de marketing o estrategia que técnica. Si vas a lanzar un sitio web por cualquier motivo que no sea el de las fotos de gatos, deberías tomarte en serio la construcción de un lista de correo.

Muchos propietarios de sitios web (entre los que me incluyo) se arrepienten de no haber empezado antes a recopilar las direcciones de correo electrónico de los clientes potenciales y los visitantes del sitio. Algunos lo hacen antes de lanzar el sitio.

Si empiezas a construir una lista de correo electrónico ahora, poco a poco construirás TU audiencia - gente que está interesada en TU contenido, TUS actualizaciones y lo que TÚ tienes que ofrecer. El contacto personal con tus seguidores es muy eficaz.

Sin ser aburrido e intrusivo, puede enviar actualizaciones, contenido valioso, consejos, ideas y, por qué no, promociones y realizar ventas directamente por correo electrónico a los clientes que se han suscrito voluntariamente a su lista de correo electrónico.

Una forma rápida de empezar a crear una lista de correo electrónico es registrarse en un servicio de correo electrónico o ESP (Proveedor de servicios de correo electrónico) (hay algunas gratuitas y otras de pago), introduzca un formulario de suscripción en el sitio web, y ¡voilá!

Conclusión:

Hay muchas otras cosas que puede hacer para que su sitio web tenga el máximo impacto en su lanzamiento, pero las que se describen en este artículo están entre las más importantes y son relativamente fáciles de implementar.

Te recomiendo que no los dejes sin implementar 6 meses después del lanzamiento. No deberías tardar más de 2 horas en recorrer todos los pasos y ponerlos en práctica. Te alegrarás de haberlo hecho.

BUSCANDO VENDER UN NEGOCIO ONLINE-3

Registrarse

Registro

Restablecer contraseña

Por favor, introduzca su nombre de usuario o dirección de correo electrónico, recibirá un enlace para crear una nueva contraseña por correo electrónico.