Optimización técnica del sitio web: las acciones más importantes

Optimización técnica de sitios web para motores de búsqueda. La guía describe métodos para la optimización interna del sitio web.
Optimización técnica — la configuración correcta del sitio para una interacción de la más alta calidad con los motores de búsqueda. Debe hacerse inmediatamente después de instalar el motor y mientras se trabaja con el llenado inicial del sitio con contenido. ahora te dire cuales aspectos importantes de la optimización hay que prestar atención y hacer primero.

SEO técnico versus SEO interno versus SEO externo

Muchas personas dividen la optimización de motores de búsqueda (SEO) en tres bloques diferentes: SEO en la página, SEO fuera de la página y SEO técnico. Echemos un vistazo rápido a lo que significa cada uno de ellos.

Optimización SEO interna

SEO en la página se refiere al contenido que le dice a los motores de búsqueda (¡y a los lectores!) de qué se trata su página, incluido el texto alternativo de la imagen, el uso de palabras clave, las metadescripciones, las etiquetas H1, los nombres de URL y los enlaces internos. Tienes el máximo control sobre el SEO en la página porque todo está en tu sitio.

Optimización SEO externa

SEO externo le dice a los motores de búsqueda cuán popular y útil es su página a través de la confianza, principalmente vínculos de retroceso o vínculos de otros sitios al suyo. La cantidad y calidad de los backlinks aumentan el PageRank y el IQ de la página. En igualdad de condiciones, una página con 100 enlaces relevantes de sitios confiables tendrá una clasificación más alta que una página con 50 enlaces relevantes de sitios confiables (o 100 enlaces irrelevantes de sitios confiables).

Optimización SEO técnica

El SEO técnico también está bajo tu control, pero es un poco más difícil de dominar ya que es menos intuitivo.

Estructura correcta del sitio

Cualquier sitio debe tener la estructura más conveniente. Al igual que las personas, los motores de búsqueda miran un sitio web y evalúan su usabilidad. Cualquier recurso de Internet debe tener un anidamiento de no más de tres páginas. Es decir, desde la página principal, en un máximo de tres clics, el usuario debería poder llegar a cualquier página.Los ejemplos más importantes de optimización técnica del sitio para el mejor ranking en los motores de búsqueda.
La estructura más correcta y sencilla para un sitio de información sería:

Las categorías definen secciones. Si el sitio es sobre varias enfermedades, entonces las categorías pueden ser: Cardiología, Neurología, Cirugía...
Para proyectos más complejos que abarquen más información, la estructura podría ser:
Así, la estructura se amplía, pero sigue siendo clara y lógica. Por ejemplo, en este sitio, la categoría Cardiología puede contener subsecciones Enfermedad cardíaca y Enfermedad vascular.
No está prohibido publicar material relacionado con dos o más secciones. Por ejemplo, un material sobre Hepatitis puede estar en las categorías de Hepatología y Virología al mismo tiempo. Lo principal es observar la jerarquía de los materiales.
La construcción de la estructura correcta se piensa en la etapa de planificación y recopilación del núcleo semántico.

Enlace de página correcto

Ya estoy preparando un material más detallado sobre la vinculación y lo publicaré pronto. Volver a vincular: colocar vínculos dentro del sitio para facilitar la navegación de los usuarios y transferir el peso de las páginas.
Para ver un ejemplo de vinculación, abra cualquier artículo de Wikipedia. Cada uno contiene muchos enlaces a otros artículos. Incluso hay un chiste que desde cualquier artículo de Wikipedia en cinco clics puedes llegar a un artículo sobre Hitler. Por supuesto, en su sitio, el artículo no debe tener 20 enlaces a otros materiales, pero se necesitan de 2 a 4 enlaces.

Una propiedad importante de los enlaces es la transferencia de peso a otras páginas. Cuando todas las páginas estén conectadas entre sí, el peso se distribuirá de manera uniforme y las posiciones generales crecerán. Y cuando se promociona una página específica, se le transfiere el peso de otros materiales. Para que quede más claro, supongamos que desea promocionar una página en un sitio médico con el servicio Pediatric Checkup. Para ello, escribiremos varios artículos sobre enfermedades infantiles en el blog, y donde mencionemos la necesidad de un examen por un pediatra, pondremos enlaces a nuestro servicio.

Migas de pan y usabilidad

Una buena estructura no es nada si el usuario no puede verla. Al crear un sitio, es necesario anteponer su utilidad para la persona final y la facilidad de uso. Si un visitante de su sitio se pierde y no puede encontrar materiales más interesantes por sí mismo, entonces tiene problemas con la usabilidad.

Migas de pan y mapa del sitio, se puede implementar usando complementos simples o haciendo cambios en el código si la plantilla utilizada no los proporciona. Pero la usabilidad tendrá que funcionar. Es necesario pensar en el menú correctamente, hacerlo visible y conveniente para su uso. Piense en varias pequeñas cosas, porque incluso el botón habitual de subir página hace la vida mucho más fácil para el usuario, lo que le permite ir al encabezado con un solo clic y no desplazarse por el material ya leído con un video.

La optimización técnica es principalmente optimización de código

Optimización del código del sitio web para lograr el mejor resultado. Comprime imágenes, css, js, html para lograr una mejor velocidad con archivo .htaccess.
Hoy en día, los usuarios se han vuelto impacientes y si el sitio se abre incluso un segundo más que el de un competidor, irán a él. Los motores de búsqueda también son conscientes de esto y utilizan la velocidad de descarga como uno de los factores de clasificación. Por lo tanto, es importante hacer que el sitio sea lo más rápido posible. Las imágenes pesadas, el código de diseño no válido, las respuestas incorrectas del servidor no contribuyen a esto.
Ahora hablaré de la optimización de código en general, para que os hagáis una idea inicial. También prepararé un material donde les contaré en detalle y haré una guía paso a paso para optimizar el código.

Entonces, para optimizar el código y hacer que el sitio sea más atractivo para los motores de búsqueda, necesitamos:

Comprima imágenes, reduzca su peso, lo que hará que la carga sea más rápida

A menudo, los webmasters sin experiencia cargan imágenes de alta resolución en el servidor, que luego se comprimen usando CSS para su visualización. Es correcto cargar imágenes en la resolución en la que se mostrarán en la página. Puede comprimir imágenes manualmente volviéndolas a guardar en Photoshop o utilizar uno de los muchos servicios que pueden comprimir imágenes. Use el formato de imagen WebP es un nuevo formato de archivo de imagen para usar en la web. Cuando utilice el formato de imagen WebP, sus imágenes serán de 25 a 34 % más pequeñas que PNG y JPEG sin perder calidad.

Optimizar html, js y css

Necesitamos hacer que el código de la página sea lo más simple posible. Con respecto a html, elimine todos los comentarios del código, haga un salto de línea normal. Para los scripts js, colóquelos después del contenido para que aparezca información significativa en la pantalla antes de que se carguen los scripts. La excepción es el script y es necesario para mostrar el contenido. Será útil poner todos los scripts en un archivo. CSS: use hojas de estilo para todo. Idealmente, cualquier salida debería ocurrir a través de CSS, y no cargarse cada vez con un código difícil de manejar.

La minimización de recursos (HTML, wbr CSS y wbr JavaScript) es un aspecto muy importante para una optimización exitosa

La minificación se refiere al proceso de eliminación de datos innecesarios o redundantes sin afectar la forma en que el navegador maneja el recurso, como comentarios y formato de código, eliminación de código no utilizado, uso de variables y nombres de funciones más cortos, etc. Debe minimizar sus recursos HTML, CSS y JavaScript:

• Para minificar HTML prueba HTMLMinifier
• Para minimizar CSS, pruebe CSSNano y csso.
• Para minimizar JavaScript, pruebe UglifyJS. Closure Compiler también es muy eficiente. Puede crear un proceso de compilación que use estas herramientas para minimizar y cambiar el nombre de los archivos de desarrollo y almacenarlos en el directorio de producción.

Además, el módulo PageSpeed se integra con el servidor web Apache o Nginx para optimizar automáticamente su sitio, incluida la minimización de recursos.

Configura los redireccionamientos correctos

Es necesario que todas las páginas respondan con 200, y donde se necesita una redirección con la transferencia de peso de la página, por ejemplo, al cambiar su dirección, se le da un código 301. Resuélvelo. Audite las redirecciones con regularidad. Procesar una redirección 301 lleva unos segundos. Multiplique eso por unas pocas páginas o redireccione los niveles y afectará seriamente la velocidad de su sitio web.

Aproveche los complementos de almacenamiento en caché

Los complementos de almacenamiento en caché almacenan una versión estática de su sitio para enviarla a los usuarios que regresan, lo que reduce el tiempo de carga del sitio durante las visitas posteriores.

Usar carga asíncrona (asincrónica)

Los scripts son instrucciones que los servidores deben leer antes de que puedan procesar el HTML o el cuerpo de su página web, que es lo que los visitantes quieren ver en su sitio. Por lo general, las secuencias de comandos se colocan en un sitio web (como la secuencia de comandos de Google Tag Manager) donde tienen prioridad sobre el contenido del resto de la página. El uso de código asincrónico significa que el servidor puede procesar HTML y secuencias de comandos al mismo tiempo, lo que reduce la latencia y aumenta el tiempo de carga de la página. Así es como se ve un script asíncrono: script async src="script.js"/script

Trate de no usar versiones antiguas de complementos

Los complementos obsoletos a menudo tienen vulnerabilidades de seguridad que dejan su sitio vulnerable a los atacantes que pueden dañar la clasificación de su sitio. Asegúrese de usar siempre las últimas versiones de los complementos y minimice el uso a lo esencial. De la misma manera, considere usar temas personalizados, ya que los temas de sitios web preconstruidos a menudo contienen una gran cantidad de código innecesario.

Considere una red de distribución de contenido (CDN)

Los CDN son servidores web distribuidos que almacenan copias de su sitio web en varias ubicaciones geográficas y entregan su sitio en función de la ubicación del rastreador. Debido a que la información viaja menos distancia entre los servidores, su sitio se carga más rápido para el solicitante.

Optimización técnica del sitio web Este proceso lleva bastante tiempo y requiere un conocimiento especial. Pero utilizando las recomendaciones e instrucciones generalmente aceptadas, incluso el que subió el motor al alojamiento por primera vez ayer puede configurar el sitio.

Gracias por leer Nicola Top