- Inicio
- Buenas prácticas para sitios web
security_update_good Buenas prácticas para sitios web
Usabilidad
Facilidad de uso del sistema para que las personas logren sus objetivos con eficacia, eficiencia y satisfacción en un contexto específico.
El sitio debe diseñarse y desarrollarse de modo que sus elementos, lenguaje y propuesta gráfica sean coherentes y consistentes en todas sus secciones y páginas.
Además, debe establecer una identidad y un estándar visual claros, que faciliten a las personas usuarias reconocer los contenidos y desplazarse por el sitio de forma intuitiva, fluida y sin dificultades.
Recomendación
- Seguir los lineamientos del sistema de diseño Midesof
Simplicidad y limpieza de las interfaces, las que no deben contener información que sea irrelevante o que rara vez se necesite.
No debe presentar información de poca relevancia para el usuario o que no cumpla una función u objetivo real.
Recomendación
- No agregar publicidad comercial a sitio de Gobierno.
- No publicar información desactualizada u obsoleta.
- Seguir los lineamientos del sistema de diseño Midesof
Mostrar un mensaje de confirmación o advertencia para comunicar a la persona usuaria que está a punto de ejecutar una acción irreversible o crítica.
Redacción de los mensajes de error en un lenguaje sencillo (sin códigos de error), indicando con precisión el problema y sugerir una solución de manera constructiva."
Recomendación
Antes de ejecutar una tarea crítica, advertir al usuario explicándole el objetivo y las consecuencias de la misma.
Ejemplo
- El usuario desea eliminar un trámite y hace clic en un botón para ello.
- Aparece un mensaje “¿Estás seguro que deseas eliminar este trámite? Esta acción no se puede revertir.”
No dejar a la persona sin opciones para avanzar o volver a un contenido. Al habilitar la opción de retroceder o cerrar un modal, se evita la frustración y se refuerza la percepción de que el sitio es flexible, adaptable y no “obliga” al usuario a seguir pasos que no desea completar.
Recomendación
- En un formulario de varias etapas, incluir un botón “Volver” y en los modales, un botón para cerrar la ventana.
Navegación simple y consistente en todo el sitio que mantenga la coherencia en menús, etiquetas y disposición de elementos, reduzca la curva de aprendizaje y mejore la experiencia, especialmente en sitios con múltiples secciones o servicios.
Recomendación
Menú principal debe estar siempre visible en la misma posición durante todos los flujos de navegación.
Evitar el uso de más de un botón primario o secundario dentro del mismo módulo o sección, para no generar confusión.
Cuando existen múltiples llamados a la acción de igual jerarquía en un mismo espacio, el usuario puede confundirse respecto a qué opción es la más importante. Para ello, es preciso limitar a un botón principal y, en caso necesario a uno secundario, asegurando claridad en la toma de decisiones y aumentando la tasa de conversión.
Recomendación
Identificar jeraquías de los botones para que el usuario identifique la acción principal y la secundaria
Ejemplo
En un formulario debe existir un único botón primario con la etiqueta “Enviar”. Si es necesario permitir al usuario cancelar o borrar el contenido del formulario, esta acción debe implementarse mediante un botón secundario con la etiqueta correspondiente.
Los botones y enlaces deben presentarse claros, directos y reflejar la acción que ejecutarán. Su lenguaje debe ser inclusivo evitando etiquetas relacionadas con posibles discapacidades. Evitamos palabras como "Ver" o "Revisar" que no favorecen a personas usuarias con problemas visuales.
Recomendación
Etiquetar los botones para que reflejen la acción:
- Evitar: "Haga clic aquí"
- Usar: "Ingresar a mis trámites"
Etiquetas que sean inclusivas:
- Evitar: "Ver más noticias"
- Usar: "Ir a historial de noticias" (una persona ciega, no puede "ver más noticias")
Cada vez que un usuario ejecuta una tarea (enviar un formulario, guardar cambios, realizar un pago), el sistema debe ofrecer retroalimentación clara, ya sea mediante mensajes en pantalla o señales visuales. Esta práctica refuerza la sensación de éxito y confianza en la plataforma.
Ejemplo
El mensaje "Tu solicitud se envió con éxito" después de enviar un formulario, refuerza la realización exitosa del trámite.
Mantener al usuario informado sobre el estado del sistema o del sitio en todo momento.
Los tiempos de carga, procesos en ejecución o errores deben comunicarse de forma inmediata y comprensible. Un usuario que desconoce qué está ocurriendo puede abandonar el sitio por inseguridad o frustración. La transparencia del sistema favorece la retención y mejora la credibilidad.
Recomendación
Mostrar un mensaje para informar lo que está sucediendo
Ejemplo
- Al procesar o cargar datos:
- “Cargando…”
- Si hubo un error o si el servicio no está disponible:
- “Error temporal, inténtalo más tarde”
Los íconos deben servir de apoyo o refuerzo a la información presentada, por lo que nunca deben presentarse solos o con una función meramente decorativa.
Recomendación
Incluir texto explicativo junto a los íconos para evitar lecturas equívocas de la información.
Ejemplo
Ícono de menú hamburguesa acompañado de la palabra "Menú"
Se debe implementar paginación (o scroll controlado) para facilitar la navegación, mejorar la legibilidad y optimizar el rendimiento general.
Recomendación
Presentar una lista de elementos con paginación en lugar de scroll extensos.
En páginas extensas, la ausencia de un acceso rápido al inicio genera fricción innecesaria. Por lo tanto, es importante incluir un botón visible para “volver arriba”, a manera de mejorar la accesibilidad, reducir el esfuerzo de navegación y agilizar la experiencia de uso.
Los mensajes breves y temporales (snackbars) son útiles en pantallas pequeñas, pero en entornos de escritorio pueden pasar desapercibidos, dejando al usuario sin la confirmación oportuna de sus acciones. Limitar su uso a móviles asegura que la retroalimentación sea efectiva y visible.
Recomendación
Cuando se entrega un mensaje de éxito utilizar el snackbar en mobile y en desktop un modal con el botón "Aceptar"
Entregar instrucciones precisas y visibles para reducir errores, evitar abandonos y acelerar el proceso de llenado. También deben ser eficientes, solicitando solo la información necesaria y evaluando cuál es la mejor manera de recopilar la información del usuario.
Desarrollar formularios con validaciones, que permitan evaluar y comunicar al usuario si ha ingresado un dato de manera incorrecta o si hay campos que debe completar. La comunicación de estas validaciones debe ser claras y oportunas."
Recomendación
Evaluar en qué casos es mejor utilizar una forma de captura de información en relación a otras: a veces un checkbox o radio es mejor que selector para campos de selección.
Describir con bajada de texto lo que se debe responder o las limitaciones del campo. Indicar formato esperado en el campo o advertir cantidad máxima de caracteres para los campos de texto.
Prestar especial cuidado de no utilizar excesiva o innecesariamente ventanas modales y emergentes (pop-up).
Recomendación
Verificar que el sitio permita navegar sin interrupciones, evitando modales o ventanas emergentes como anuncios, mensajes de marketing o formularios de suscripción, que bloqueen el contenido o la interacción.
Un tiempo de carga superior a 3 segundos aumenta considerablemente la tasa de abandono. Optimizar el rendimiento técnico es prioritario para asegurar una buena experiencia usuaria.
Una buena práctica, es establecer un tamaño máximo para las images dentro del sitio web (200kb y formato).
Recomendación
Emplear formatos de imagen WebP y AVIF por su alta compresión y calidad, JPEG para fotos (por su compatibilidad) y PNG o SVG para gráficos, logotipos e íconos que requieren transparencia o escalabilidad.
Opcionales
En flujos extensos como inscripciones o postulaciones, las interrupciones pueden provocar la pérdida de datos ingresados. Implementar guardado automático progresivo asegura la información en cada etapa, reduce la frustración y refuerza la confianza del usuario en la plataforma.
Recomendación
Cuando el usuario retoma el formulario, la información previamente ingresada se mantiene, permitiéndole continuar el proceso sin pérdida de datos.
Las indicaciones del mensaje de error permiten que el usuario realice la acción correctamente sin que se repita el error.
Recomendación
Monitorear si existe una interrupción generada por el sistema, al informar a la persona usuaria de un flujo o proceso incompleto, incompatible o indeseable durante la navegación.
Accesibilidad web
Tener especial cuidado en que todos los sitios web estén diseñados para que todas las personas puedan acceder. Esta sección pone el foco principalmente en las personas con discapacidad para que puedan percibir, comprender, navegar, interactuar y contribuir con la web. Se recomienda utilizar la Plataforma de Reportabilidad de Accesibilidad Universal de SENADIS.
Todas las imágenes y botones deben incluir un texto alternativo dentro del código. Esto permite mejorar la experiencia de las personas que utilizan lectores de pantalla y permite a Google una correcta interpretación del código para el SEO.
Recomendación
<img alt="Presidente entrando al Palacio de La Moneda" src="img/Presidente-Moneda.png">
Fuentes claras, con tamaños base de al menos 16px. Además, debemos permitir al usuario aumentar el tamaño de la letra sin que el contenido se desordene.
Recomendación
Seguir los lineamientos del sistema de diseño Midesof
El contraste de colores entre color principal y su fondo debe ser óptimo para que todo el espectro de personas usuarias puedan identificar la infomación con claridad.
Recomendación
El contraste mínimo recomendado debe mantenerse en 4.5:1 para texto normal y 3:1 para títulos o texto grande. Las herramientas como Contrast Checker ayudan a verificarlo.
El tiempo de la sesión debe ser suficiente para completar tareas con opción de ampliar el tiempo si es necesario, pensando en personas mayores o con dificultades motoras que requieren más tiempo para completar acciones.
Recomendación
Recomendamos establecer el rango de tiempo de acuerdo a la evidencia de pruebas con usuarios reales que se puedan realizar.
El menú principal debe desarrollar las etiquetas que permitan navegar por medio de atajos de teclado. Del mismo modo, todo el contenido (menús, botones, formularios) debe poderse recorrer con la tecla TAB y activarse con ENTER o espacio.
Recomendación
Pensado en personas con movilidad reducida o ceguera que muchas veces no usan mouse.
El orden en que se avanza con la tecla TAB del teclado, debe seguir la secuencia natural del contenido.
Recomendación
Comenzar por el menú, luego el contenido, finalmente el pie de página.
Opcionales
Los videos deben contar con subtítulos sincronizados y si es posible transcripciones. Los audios (como podcasts) deberían tener transcripciones textuales.
Se recomienda que toda información crítica o mensajes importantes se presenten con un texto descriptivo acompañado de un color representativo. Aunque en algunos casos el color puede ser opcional, el texto siempre debe estar presente. Nunca se debe comunicar información únicamente mediante el color.
Recomendación
En un formulario, no marcar un error solo con color rojo, se debe acompañar con un mensaje como “Falta ingresar el correo electrónico”.
Las opciones de autocompletado permiten que la información esté disponible para que la persona usuaria pueda utilizarla cuando ya ingresó algunos datos en un formulario. De esta forma, puede acelerar el proceso omitiendo la redacción completa de sus datos de manera reiterativa.
Recomendación
Al ingresar una dirección, el navegador permite autocompletar con información proporcionada anteriormente, como el correo, apellidos o año de nacimiento.
Semántica y arquitectura
La Web Semántica es una evolución de la World Wide Web actual, en la que la información se organiza con significados claros y definidos, lo que permite que las máquinas la interpreten y procesen de manera más eficiente, facilitando la interacción entre personas y sistemas
El contenido debe organizarse empleando etiquetas de estándar HTML5 semánticas, de manera jerárquica y organizada.
Elementos tales como cabecera, el menú , las secciones, los contenido laterales, artpítulos, etc pueden ser eiquetados de diversas formas, para permitir que el tipo de contenido sea fácil de identificar y jerarquizar.
Los buscadores y tecnologías de asistencia (como lectores de pantalla para usuarios con discapacidad visual) también pueden entender mejor el contexto y contenido de tu sitio web, lo que significa una mejor experiencia para los usuarios.
<header><nav><main><section><aside><article><footer>
Recomendación
Puedes revisar mas detalles en el siguiente artículo sobre semántica web
Ejemplo de cómo la estrcutura semántica debería verse plasmada en la estructura del sitio.
Las URLs deben ser claras, cortas y descriptivas del contenido que representan, evitando parámetros innecesarios o cadenas incomprensibles.
Recomendación
Evitar: midominio.gob.cl/site/node23/65/index.html
Usar: midominio.gob.cl
Mantener una estructura jerárquica de URLs que refleje la organización del sitio
Ejemplo
midominio.gob.cl/beneficios/subsidio-electricidad
Aplicar una sola etiqueta "h1", siendo el título de todo el contenido. El resto de los subtítulos pueden enumerarse y repetirse como subtítulos ("h1" a "h6") dependiendo de su relevancia pero manteniendo su jerarquía.
Recomendación
Una sección que es titulada con "h3", no puede tener títulos "h3" o "h2" en su contenido, siempre debe ser inferior jerárquicamente.
Ejemplo
<h1>Titulo de la web o de la sección</h1>
<h2>Titular 1</h2>
<h3>Titular 1.1</h3>
<h2>Titular 2</h2>
<h3>Titular 2.1</h3>
<h4>Titular 2.1.1</h4>
<h4>Titular 2.1.2</h4>
<h4>Titular 2.1.3</h4>
Los contenidos deben ser fácilmente indexables por motores de búsqueda, evitando el uso exclusivo de tecnologías que dificulten la lectura automática.
Recomendación
Implementar contenido crítico en imágenes sin descripción o en iframes sin contexto.
Todos los sitios deben declararse en el idioma correspondiente utilizando el atributo lang en HTML.
Recomendación
El atributo lang en HTML, para una página en español, sería lang="es"
<html lang="es" ">
Opcionales
Se recomienda implementar datos estructurados mediante estándares como Schema.org (preferentemente en formato JSON-LD) para describir explícitamente información relevante, como la organización, artículos, eventos, beneficios o datos de contacto, y facilitar su comprensión e indexación por parte de los motores de búsqueda.
Ejemplo
Responsividad móvil
Cualidad que posee un sitio web para adaptarse a todos los dispositivos y tamaños de pantalla, sin perder calidad ni información esencial.
El sitio web debe construirse bajo principios de diseño responsivo, utilizando hojas de estilo CSS y técnicas como media queries, que permitan la correcta visualización en diversos dispositivos.
Recomendación
Planifica tu sitio en secciones y módulos que sean fáciles de agrupar, alinear o acomodar pantallas con menor espacio (tablets o celulares).
Planifica tu sitio con enfoque mobile-first; el cual consiste en desarrollar y diseñar el sitio primero para dispositivos móviles y luego trabajar la versión para escritorio.
El menú principal debe ser accesible en todo momento y adaptarse mediante menús desplegables
Recomendación
Al visualizar el sitio en una pantalla más pequeña, el menú debe ocultarse, y se debe acceder a él por medio de un botón con la iconografía del tipo "hamburguesa" (u otros equivalentes) y la palabra "Menú" a su lado.
Ejemplo
Vista escritorio, con menú desplegado
Vista mobile, con menú oculto
El sitio debe minimizar el uso de recursos pesados (imágenes grandes, scripts innecesarios) para garantizar una carga rápida en redes móviles.
Recomendación
Imágenes: Se recomiendan formatos SVG para logotipos y marcas, y formatos PNG y WEBP para fotografías u otras gráficas.
Código PHP, JS y CSS: Limpiar los archivos de código no utilizado y/o comentado.
Los contenidos deben presentarse en tamaños legibles sin necesidad de hacer zoom. Del mismo modo, los encabezados y bloques de texto deben mantener una jerarquía clara y uniforme en todos los dispositivos.
Recomendación
Definir dimensiones y peso óptimos para que la imagen se visualice correctamente en todos los tamaños de pantalla, evitando resoluciones o archivos innecesariamente grandes que afecten el rendimiento.
Las imágenes deben ser escalables y adaptarse proporcionalmente al ancho del dispositivo. Por su parte, los videos y elementos multimedia deben ajustarse mediante players responsivos, evitando el desbordamiento de la pantalla.
Opcionales
Los formularios deben estar optimizados para dispositivos móviles, utilizando campos y teclados adecuados al tipo de dato.
Recomendación
Es una buena práctica declarar por código que se active el teclado numérico en campos de teléfono o cualquier otro campo que requiera solo ingresar números.
Se recomienda el uso de técnicas como lazy loading para imágenes y recursos externos.
Tecnología
Conjunto de herramientas y estándares para la creación y funcionamiento de productos digitales. Se deben priorizar las herramientas y tecnologías que faciliten crear un servicio de alta calidad de forma rentable y que permitan minimizar el costo de cambiar en el futuro.
Definición del set de caracteres del sitio web, el que debe ser preferentemente "UTF-8".
Ejemplo
<meta charset="UTF-8" >
Asegurarse de utiliizar las últimas versiones estables de los lenguajes, los frameworks que va a utilizar y/o las galerías que necesitará.
Recomendación
Uno de los últimos proyectos del ministerio fue trabajado sobre esta tecnología:
- PHP 8
- Laravel 10
- MySql 5.7
- Jquery 3.7"
Desde un inicio, trabajar el proyecto para ser versionado en el GIT ministerial. Solicitar creación de proyecto y acceso al repositorio.
Comunicarse y coordinarse con el Departamento de TI para que el desarrollo sea incorporado a los procesos de integración continua del ministerio. Solicitar creación de ambientes, proyectos y permisos de acceso a las disitntas plataformas.
Validación del código HTML en el validador de la W3C. El código debe cumplir, o cumplir con reparos.
Recomendación
Validador de la World Wide Web Consortium (W3C)
Validación de la escritura y compatibilidad del código CSS. No debe tener errores.
Recomendación
Para validar el estilos CSS de Jigsaw W3.org
Ausencia de errores de JavaScript en la consola del navegador.
Opcionales
Coordinar con el equipo del Departamento de TI las siguientes pruebas:
1) Pruebas de estrés: Coordinar pruebas para los sitios y sistemas que se estime tendrán alto tráfico o concurrencia.
2) Escalabilidad del proyecto. Evaluar la capacidad del sitio para crecer o escalar respecto de una alta concurrencia (Dockers) con motivo de responder de manera eficiente y sin caídas.
Recomendación
Desarrollar las modificaciones en el código o programación de tareas del sitio o sistema, de manera que responda de manera eficiente y escalable.
Seguridad
Estándares de desarrollo, compatibilidad y directrices para cautelar la seguridad de los sistemas. Esto protege la disponibilidad, integridad y confidencialidad de la información y datos institucionales y personales.
Redirección de las solicitudes con protocolo HTTP a su equivalente con protocolo HTTPS.
Esto cifra los datos transmitidos (como contraseñas o información personal), previniendo que sean interceptados. Además, los navegadores marcan como “No seguro” los sitios sin HTTPS.
Recomendación
Redirigir automáticamente el protocolo https para qeu el usuario no indeitifque ni asuma ese tarea.
Ejemplo
Evitar: http://www.ventanillaunicasocial.gob.cl/
Usar: https://www.ventanillaunicasocial.gob.cl/
Restringir la carga del sitio dentro de un iframe en dominios externos, lo que previene ataques de clickjacking, una técnica maliciosa en la que un sitio fraudulento superpone elementos invisibles sobre la página para inducir al usuario a realizar acciones no deseadas.
Recomendación
Agregar la siguiente expresión en tu archivo de configuración o .htaccess
Header always append X-Frame-Options SAMEORIGIN
La configuración del servidor web debe mantener inhabilitado el acceso para ver los contenidos de los directorios.
Quienes integren el proyecto deben contar con acuerdos de confidencialidad y un test de uso ético de datos aprobado que MIDESOF proporciona en su portal de Campus Virtual.
Si el usuario queda inactivo 20 minutos en un panel de administración, la sesión se cierra automáticamente.
Recomendación
Recomendamos establecer el rango de tiempo de acuerdo a la evidencia de pruebas con usuarios reales que se puedan realizar.
Las cookies no esenciales requieren el consentimiento explícito, previo, informado y revocable del usuario. Deben estar claramente identificadas, explicarse su propósito en lenguaje comprensible y ofrecerse una forma sencilla de aceptar o rechazar su uso, así como de retirar el consentimiento en cualquier momento. Las cookies estrictamente necesarias pueden utilizarse sin consentimiento, pero siempre se debe informar al usuario sobre su existencia.
Recomendación
Agregar módulo o mensaje que advierta sobre las cookies y permita aceptar o rechazar su uso.
Uso de contraseñas robustas y autenticación multifactor (MFA) para quienes administren los sitios.
Recomendación
Para que una contraseña sea segura recomendamos que tenga al menos:
- 1 letra minúscula (abc)
- 1 letra mayúscula (ABC)
- 1 número (123)
- 1 símbolo de puntuación (.)
Ejemplo:
Evitar: admin123
Usar: M!n3g0c!o_2025*.
Opcionales
Restringir los formatos de archivos permitidos en la carga al sitio o sistema, de modo que todos los archivos se suban primero a un servidor temporal para su escaneo, y solo se permita la subida definitiva de aquellas extensiones autorizadas.
Agregar un enlace directo a la Política de privacidad oficial del Ministerio.
Recomendación
El acceso a esta información debe estar siempre disponible y visible en tu sitio web. Por ejemplo, en el footer del sitio.
Uso de la cabecera ""X-Content-Type-Options"" con el valor ""nosniff"" para así indicar a los navegadores que deben respetar el tipo MIME (Multipurpose Internet Mail Extensions) especificado por el servidor.
Utilización de la cabecera Referrer-Policy con el valor strict-origin para controlar la cantidad de información de referencia que se envía al realizar solicitudes desde una página.
Establecer una revisión periódica del código para mantener todas las librerias y versiones de frameworks actualizadas a su última versión, con motivo de evitar vulnerabilidades.
Coordinar con el equipo del Departamento de TI las siguientes pruebas:
1) Pruebas de estrés: Coordinar pruebas para los sitios y sistemas que se estime tendrán alto tráfico o concurrencia.
2) Escalabilidad del proyecto. Evaluar la capacidad del sitio para crecer o escalar respecto de una alta concurrencia (Dockers) con motivo de responder de manera eficiente y sin caídas.
Recomendación
Desarrollar las modificaciones en el código o programación de tareas del sitio o sistema, de manera que responda de manera eficiente y escalable.
URLs amigables y direccionamientos
Recursos y documentación que ayuden a la persona usuaria a responder sus consultas y necesidades que surjan al utilizar un producto digital. Es recomendable contar con múltiples canales de comunicación para satisfacer las necesidades de soporte.
El sitio debe tener una estructura de URLs sin guiones bajos, ni parámetros. De la misma forma, las URLs permanentes con guiones medios, minúsculas, sin acentos, ni letras ñ.
Recomendación
Evitar: https://miportal.gob.cl/año-2026/Programa-Acceso-Microcrédito
Usar: https://miportal.gob.cl/2026/programa-acceso-microcredito
El dominio principal debe seguir las normativas gubernamentales y usar la extensión .gob.cl. Si se opta por un dominio distinto (.cl o .com), de todas formas se debe registrar un .gob.cl para la iniciativa y redirigirlo al dominio oficial.
Ejemplo
https://www.ventanillaunicasocial.gob.cl/
Las URLs institucionales deben ser estables en el tiempo para evitar errores 404 y pérdida de confianza ciudadana. Ante cambios de estructura, se deben implementar redirecciones permanentes (301) para preservar la accesibilidad y el posicionamiento en buscadores.
Recomendación
Las fichas y landings que permanezcan caídas o con errores deben redireccionar a páginas estables (código 200).
Los sitios web deben visualizarse independiente de la utilización de este prefijo, redirigiendo a la URL final del sitio.
Los hipervínculos deben redactarse como contenido limpio y no como URLs sobrepuestas dentro del texto.
Recomendación
Evitar: El portal Ventanilla Única Social se lanzó en mayo: https://www.ventanillaunicasocial.gob.cl
Usar: El portal Ventanilla Única Social se lanzó en mayo.
SEO y promoción
Recomenaciones técnicas para que tu sitio web y su contenido se posicione de manera correcta y eficiente en motores de búsqueda y toda la red de internet.
Archivos de indexación
Implementar el archivo sitemap.xml en la carpeta raíz del sitio.
El sitemap facilita a los motores de búsqueda la indexación del contenido, garantizando que todas las páginas relevantes estén correctamente reconocidas y aparezcan en los resultados de Google. Su implementación es un requisito básico de optimización técnica.
Ejemplo
Revisa el archivo sitemap.xml de la Ventanilla Única Social.
Implementar el archivo robots.txt en la carpeta raíz del sitio para orientar a los motores de búsqueda sobre qué secciones deben rastrear y cuáles no. Su correcta configuración mejora la eficiencia del rastreo, evitando que Google gaste recursos en páginas innecesarias o duplicadas.
Recomendación
Revisar el archivo robots.txt de la Ventanilla Única Social.
Permitir que Google y otros motores de búsqueda accedan a los recursos clave del sitio asegura que puedan interpretar correctamente el diseño, la estructura y las funcionalidades.
Bloquear estos elementos puede generar errores de indexación y afectar negativamente el posicionamiento.
SEO técnico
Añadir etiqueta en páginas que deben ser indexadas.
<meta name="robots" content="index, follow">
Esta etiqueta indica a los motores de búsqueda qué páginas del sitio deben rastrear e indexar. Su correcta implementación asegura que el contenido estratégico aparezca en Google y contribuya al posicionamiento orgánico.
Páginas como “Gracias por contactarnos”, accesos de login o filtros de búsqueda no aportan valor en los resultados de Google.
Etiquetarlas con noindex, nofollow evita que se indexen innecesariamente, optimizando el rastreo hacia páginas relevantes y estratégicas.
<meta name="robots" content="noindex, nofollow">
Aplicar una etiqueta canónica a cada enlace interno del dominio.
La etiqueta canónica orienta a Google sobre qué versión de una página debe considerarse como la principal. Esto previene problemas de contenido duplicado, optimiza la indexación y asegura que la autoridad SEO se concentre en una única URL por contenido.
Ejemplos
Para la URL: https://www.ejemplo.gob.cl
Se configura la canónica:
<link rel="canonical" href="https://www.ejemplo.gob.cl">
Para la URL: https://www.ejemplo.gob.cl/contenido/page-1
Se configura la canónica:
<link rel="canonical" href="https://www.ejemplo.gob.cl/contenido">
Inclusión de metaetiquetas sociales (Open Graph, Twitter Cards) para mejorar la difusión en redes sociales.
Ejemplos:
Velocidad con la que un sitio web puede procesar y responder a las solicitudes de las personas usuarias, proporcionando una experiencia de navegación ágil y eficiente.
Realizar pruebas de rendimiento en Google Page Speed, para determinar la velocidad de carga del sitio web, un factor relevante en el éxito del posicionamiento orgánico.
El ideal es que el sitio web cargue en menos de tres segundos. Para realizar una prueba de velocidad, ingresa a Pagespeed
SEO de contenidos
Optimizar metatitle y metadescription a todos los enlaces del sitio web.
Los títulos y las descripciones son la carta de presentación del sitio en los motores de búsqueda. Una correcta optimización mejora la visibilidad y atrae más clics (CTR), reforzando la relevancia del contenido para las personas y para Google.
El metatitle debe tener entre 56 y 60 caracteres. El metadescription entre 150 y 155 caracteres.
Metatítulo: Apoyo situación calle - Ventanilla Única Social
<meta name="title" content="Apoyo situación calle - Ventanilla Única Social">
Metadescripción: Apoyo y acompañamiento psicosocial y sociolaboral a personas que se encuentren en situación de calle, en un contexto vulnerable de desprotección.
<meta name="description" content="Apoyo y acompañamiento psicosocial y sociolaboral a personas que se encuentren en situación de calle, en un contexto vulnerable de desprotección">
Aplicar una etiqueta alternativa a cada imagen alojada en el sitio web.
Las etiquetas ALT no solo mejoran la accesibilidad al describir el contenido de la imagen, sino que también favorecen la indexación en Google Imágenes y otros buscadores. Esto amplía las oportunidades de tráfico orgánico y mejora la experiencia inclusiva.
Ejemplo
<img alt="Resultados Subsidio Eléctrico" src=".../img/subsidio_electrico.jpg">
Evitar contenido duplicado o repetido en landings internas.
La duplicidad de contenido confunde tanto a las personas como a los motores de búsqueda, lo que puede afectar negativamente el posicionamiento del sitio. Garantizar que cada página tenga contenido único fortalece la relevancia del dominio y evita penalizaciones en SEO.
Herramientas
Implementar metaetiqueta de Google Analytics en la carpeta raíz del sitio.
Una vez verificado, vincularlo con Search Console.
La integración de ambas herramientas ofrece una visión amplia del rendimiento. Analytics entrega información de las personas al usar el sitio y Search Console entrega datos de posicionamiento y tráfico orgánico.
Una vez vinculado Google Analytics, enviar la url del sitemap del sitio a Google a través de Search Console. Este paso es vital para mantener la visibilidad del sitio actualizada.
Esta herramienta permite detectar problemas de rendimiento y usabilidad en dispositivos móviles. Sin embargo, deben complementarse con otras pruebas para evaluar la experiencia real de las personas usuarias, garantizando un sitio ágil y accesible en cualquier dispositivo.
Para usar Google Lighthouse, puedes descargar e instalar la extensión para Google Chrome.