B.4 Recursos útiles

B.4.1 Organización de archivos

Aunque los sitios web estáticos de son rápidos en general, ciertamente puede optimizarlos aún más. Puede buscar “minificador de CSS y JavaScript”, y estas herramientas pueden comprimir sus archivos CSS y JavaScript, de modo que puedan cargarse más rápido. Como hay muchas herramientas, no las recomendaré aquí.

También puede optimizar imágenes en su sitio web. Frecuentemente uso una herramienta de línea de comandos llamada optipng para optimizar las imágenes PNG. Es un optimizador sin pérdida, lo que significa que reduce el tamaño del archivo de una imagen PNG sin pérdida de calidad. Desde mi experiencia, funciona muy bien en imágenes PNG generadas a partir de R, y puede reducir el tamaño del archivo en al menos un 30% (a veces incluso más del 50%). Personalmente también uso herramientas en línea como http://optimizilla.com para optimizar imágenes PNG y JPEG. Para imágenes GIF, a menudo uso https://ezgif.com/optimize para reducir el tamaño de los archivos si son demasiado grandes.

Tenga en cuenta que Netlify ha proporcionado las funciones de optimización en el servidor de forma gratuita en este momento, por lo que es posible que desee habilitarlos allí en lugar de hacer todo el trabajo por su cuenta.

B.4.2 Ayudando a las personas a encontrar su sitio

Una vez que su sitio esté en funcionamiento, es probable que desee que las personas lo encuentren. SEO — Search Engine Optimization — es el arte de hacer que un sitio web sea fácil de entender para los motores de búsqueda como Google. Y, con suerte, si el motor de búsqueda sabe de lo que está escribiendo, presentará enlaces a su sitio con altos resultados cuando alguien busque los temas que cubre.

Se han escrito libros completos sobre SEO, sin mencionar las muchas empresas que se dedican a ofrecer asesoramiento técnico y estratégico (pagado) para ayudar a que los sitios estén en la cima de los rankings de los motores de búsqueda. Si está interesado en obtener más información, un buen lugar para comenzar es la Guía de inicio de la optimización del motor de búsqueda de Google (http://bit.ly/google-seo-starter). A continuación hay algunos puntos clave:

  1. El título que seleccione para cada página y publicación es una señal muy importante para Google y otros motores de búsqueda que les dicen de qué se trata esa página.

  2. Las etiquetas de descripción también son fundamentales para explicar de qué se trata una página. En documentos HTML, etiquetas de descripción son una forma de proporcionar metadatos sobre la página. Con blogdown, la descripción puede terminar como texto debajo del título de la página en un resultado de motor de búsqueda. Si el YAML de su página no incluye una descripción, puede agregar uno como description:"Una breve descripción de esta página."; la fuente HTML de la página renderizada tendría una etiqueta <meta> en <head> como <meta name="description" content=" Una breve descripción de esta página.">. No todos los temas admiten agregar la descripción a su página HTML (¡aunque deberían!)

  3. La estructura de URL también es importante. Desea que el slug de su publicación tenga palabras clave informativas, lo que le da otra señal de lo que trata la página. ¿Tiene una publicación con cosas interesantes que hacer en San Francisco? san-francisco-events-calendar podría ser un mejor slug que my-guide-to-fun-things-to-do.