Optimización de motores de búsqueda (SEO)¶
La optimización para motores de búsqueda (SEO) es un conjunto de buenas prácticas para optimizar su sitio web y obtener un mejor posicionamiento en motores de búsqueda como Google. En resumen, un buen SEO le permite obtener más visitantes.
Algunos ejemplos de reglas de SEO: sus páginas web deben cargar con rapidez, su página debe tener solamente un título``<h1>``, las etiquetas meta (alt-tag, title-tag) deben ser consistentes con el contenido, su sitio web debe tener un archivo /sitemap.xml, etc.
Para garantizar que los usuarios del Sitio web y Comercio electrónico de Odoo tengan un SEO excelente, Odoo resume todas las complejidades técnicas de SEO y maneja todo por usted de la mejor manera posible. A continuación le explicamos cómo.
Pero primero veremos como aumentar su nivel al hacer ajustes de contenido y de las etiquetas meta de su sitio web.
Título y descripción¶
Todas las páginas web deben definir los datos meta <title> y <description>. Los motores de búsqueda utilizan estos elementos de información para promover su sitio web. Se generan de forma automática según el título y el contenido de la página, pero puede ajustarlos. Asegúrese de que se ajustan al contenido de la página, de lo contrario los motores de búsqueda le bajarán de categoría.
Palabras clave¶
Con el fin de escribir contenido de calidad e impulsar su tráfico, Odoo le proporciona un <keyword> buscador de palabras clave. Esas palabras clave son las búsquedas que usted desea dirigir a su sitio web. Puede ver cómo se utiliza cada palabra clave en el contenido (encabezado1, encabezado2, título de página, descripción de página, contenido de página) y las búsquedas relacionadas en Google. Entre más palabras clave utilice, mejor.
Nota
Si su sitio web está en varios idiomas, puede utilizar la herramienta de Promover en cada idioma de una página y establecer un título, descripción y etiquetas de búsqueda específicos.
El contenido es lo más importante¶
Cuando se trata de SEO, el contenido es normalmente lo más importante. Odoo le proporciona varios módulos que le ayudarán a crear el contenido de su sitio web:
Blogs de Odoo: escriba excelentes publicaciones.
Presentaciones de Odoo: publique sus presentaciones en PowerPoint o PDF. Su contenido se indexa de forma automática a la página web. Por ejemplo: odoo.com/slides/public-channel-1
Foro de Odoo: permita que su comunidad cree contenido por usted. Por ejemplo: odoo.com/forum/1 (representa el 30% de las páginas destino de Odoo.com)
Archivo de listas de correos de Odoo: publique archivos de lista de correos en su sitio web. Por ejemplo: odoo.com/groups/community-59 (se crean 1000 páginas al mes)
Nota
La página 404 es una página normal que puede editar, como cualquier otra página en Odoo. De esta forma, puede crear una excelente página 404 para redirigir a usuarios con URLs inválidas al contenido principal de su sitio web.
Compartir en redes sociales¶
Suelte el bloque de creación Compartir en cualquier página que desee que sus visitantes compartan. Se les invita a compartir la página en sus redes sociales al hacer clic en el icono.
La mayoría de las redes sociales usan una imagen para decorar la publicación compartida. Odoo utiliza el logo del sitio web de forma predeterminada, pero puede elegir cualquier otra imagen de su página en la herramienta de Promover
Página de Facebook¶
Suelte el bloque de creación de Página de Facebook para mostrar un widget de su página empresarial de Facebook y animar a los visitantes a visitarla. Puede mostrar el inicio de su página, los próximos eventos y los mensajes.
Panel de Twitter¶
Muestre en su sitio web su inicio de Twitter con la satisfacción de sus clientes. Esto incrementará el número de tuits y contenido compartido.
Pruebe su sitio web¶
Puede comparar el nivel de su sitio web, en términos de SEO, en comparación con Odoo, al usar los servicios gratuitos de WooRank: woorank.com
Manejo de URL¶
Esta sección aclara cómo Odoo hace que las URL sean compatibles con SEO.
Estructura de las URL¶
Una URL típica de Odoo se muestra como la siguiente:
Con los siguientes componentes:
https:// = Protocolo
www.mysite.com = su nombre de dominio
/fr_FR = idioma de la página. Esta parte del URL se elimina si el visitante navega el idioma principal del sitio web. Así, la versión principal de esta página es: https://www.mysite.com/shop/product/my-great-product-31
/shop/product = cada módulo define su propio espacio para nombres (/shop es para el catálogo del módulo de Comercio electrónico, /shop/product es para una página de producto).
my-great-product = de forma predeterminada, este es el título simplificado del producto al que se refiere la página, pero puede personalizarlo para el SEO. Un producto que se llama «Pain carré» se simplificará como «pain-carre». Dependiendo del espacio para nombres, este puede ser distintos objetos (publicaciones de blog, título de página, publicaciones de foro, comentario de foro, categoría de producto, etc.).
-31 = ID único del producto
Tome en cuenta que cualquier componente dinámico de un URL se puede reducir a su ID. Por ejemplo, los siguientes URL hacen una redirección 301 al URL anterior:
https://www.mysite.com/fr_FR/shop/product/31 (versión corta)
http://mysite.com/fr_FR/shop/product/31 (versión aún más corta)
http://mysite.com/fr_FR/shop/product/other-product-name-31 (antiguo nombre de producto)
Algunos URL tienen varias partes dinámicas, como este (una categoría y una publicación de blog):
En el ejemplo anterior:
Noticias de la empresa (company news) es el título del blog
La historia de Odoo (the Odoo story) es el título de una publicación específica del blog
Cuando una página de Odoo tiene un paginador, el número de página se configura directamente en el URL (no tiene un argumento GET). Esto permite que los motores de búsqueda indexen cada página. Por ejemplo:
Cambios en los URL y títulos¶
Cuando el URL de una página cambia (por ejemplo, una versión del nombre de su producto que sea más compatible con SEO), no necesita preocuparse de actualizar todos los vínculos:
Odoo actualizará de forma automática todos sus enlaces al nuevo URL.
Si los sitios web externos siguen llevando al URL antiguo, se creará una página de redirección 301 que redirigirá a los visitantes a la nueva dirección de la página.
Por ejemplo, el siguiente URL:
Redirige de forma automática a:
En resumen, solamente cambie el título de una publicación de blog o el nombre de un producto y se aplicarán los cambios en todas partes de su sitio web. El enlace antiguo aún funciona cuando lo usan sitios web externos, mediante una redirección 301, lo que mantiene la fuerza del SEO.
HTTPS¶
Los motores de búsqueda impulsan el ranking de sitios web HTTPS/SSL seguros. Por lo que, de forma predeterminada, todas las instancias de Odoo en línea se basan completamente en HTTPS. Si un visitante accede a su sitio web a través de un URL que no sea HTTPS, una redirección 301 lo lleva a su equivalente en HTTPS.
Enlaces: estrategia nofollow¶
Cuanto más se enlace una página desde sitios web externos y de calidad, mejor será para su SEO.
A continuación le presentamos las estrategias de Odoo para gestionar enlaces:
Todos los enlaces que agregue a su sitio web son «dofollow», lo que significa que contribuirán a la fuerza del SEO de la página enlazada.
Todos los enlaces publicados por un contribuidor (publicación de foro o de blog, comentarios, etc.) que enlace a su propio sitio web también son «dofollow».
Pero cada enlace publicado por un contribuidor que vincula a un sitio web externo es «nofollow». De esta forma, no corre el riesgo de que la gente publique en su sitio web enlaces a sitios web de terceros que puedan tener mala reputación.
Tome en cuenta que, al usar el foro, los contribuidores que tienen mucho karma se consideran de confianza. En dicho caso, sus enlaces no tendrán ningún atributo
rel="nofollow".
Compatibilidad con múltiples idiomas¶
URL en múltiples idiomas¶
Si tiene un sitio web en varios idiomas, el mismo contenido estará disponible en diferentes URL, según el idioma utilizado:
https://www.mywebsite.com/shop/product/my-product-1 (idioma principal, inglés en este caso)
https://www.mywebsite.com/fr_FR/shop/product/mon-produit-1 (versión en francés)
En este ejemplo, fr_FR es el idioma de la página. Puede incluso tener muchas variaciones del mismo idioma pt_BR (portugués brasileño) , pt_PT (portugués de Portugal).
Anotación de idioma¶
Para que los motores de búsqueda sepan que el segundo URL es la traducción francesa del primero, Odoo agregará un elemento de enlace HTML en el encabezado. En la sección HTML <head> de la versión principal, Odoo agrega de forma automática un elemento de enlace que dirige a las versiones traducidas de la página web.
<link rel=»alternate» hreflang=»fr» href=»https://www.mywebsite.com/fr_FR/shop/product/mon-produit-1»/>
Con este enfoque:
Los motores de búsqueda redireccionarán al idioma adecuado según el idioma del visitante.
No recibe ninguna penalización por parte de los motores de búsqueda si su página aún no está traducida. No es contenido duplicado, sino una versión distinta del mismo contenido.
Detección de idioma¶
Cuando un visitante llega por primera vez a su sitio web (por ejemplo, yourwebsite.com/shop), se pueden redirigir a una versión traducida correspondiente a la preferencia de idioma de su navegador (por ejemplo, yourwebsite.com/fr_FR/shop).
La próxima vez, guarda una cookie del idioma actual para evitar cualquier redirección.
Para forzar a un visitante a mantener el idioma predeterminado, puede usar el código del idioma predeterminado en su enlace, por ejemplo: yourwebsite.com/en_US/shop. Esto siempre llevará a los visitantes a la versión en inglés de la página, sin usar las preferencias de idioma del navegador.
Velocidad de la página¶
Introducción¶
El tiempo en el que carga una página es un criterio importante para los motores de búsqueda. Un sitio web rápido no solo mejora la experiencia de su visitante, sino que también le da un mejor nivel a su página. Estudios demuestran que si divide en dos el tiempo de carga de sus páginas (por ejemplo, 2 segundos en lugar de 4), la tasa de abandono del visitante también se divide en 2. (de 25% a 12.5%). Una página que cargue un segundo adicional podría costarle $1.6 mil millones a Amazon en ventas.
Afortunadamente, Odoo hace toda la magia por usted. A continuación encontrará los trucos que Odoo utiliza para acelerar el tiempo de carga de su página. Puede comparar el nivel de su sitio web mediante estas dos herramientas:
Imágenes¶
Cuando sube nuevas imágenes, Odoo las comprime de forma automática para reducir su tamaño (compresión sin perdidas para archivos .PNG y .GIF y compresión con pérdidas para .JPG).
Desde el botón de subir, tiene la opción de mantener la imagen original sin modificar si prefiere optimizar la calidad de la imagen en lugar del rendimiento.
Nota
Odoo comprime imágenes en el momento que las sube a su sitio web, no cuando un visitante lo solicita. Por eso es posible en el caso de que utilice un tema de terceros que las imágenes proporcionadas no se compriman de forma eficiente. Sin embargo, todas las imágenes que se utilizan en temas oficiales de Odoo se comprimieron de forma predeterminada.
Al hacer clic en una imagen, Odoo le muestra los atributos ALT y título de la etiqueta <img> . Puede hacer clic en ella para configurar su propio atributo de título y ALT para la imagen.
La siguiente ventana aparecerá al hacer clic en este enlace:
Los pictrogramas de Odoo se implementaron utilizando una fuente (Font Awesome en la mayoría de temas de Odoo). Por lo tanto, puede utilizar en su página tantos como desee. No resultarán en solicitudes adicionales para cargar la página.
Recursos estáticos: CSS¶
Todos los archivos CSS se procesan previamente, se concatenan, se minifican, se comprimen y se almacenan en el caché (tanto en el servidor como en el navegador). El resultado:
Solo se necesita una solicitud de archivo CSS para cargar una página.
Este archivo CSS se almacena en el caché y se comparte entre páginas, de modo que cuando el usuario hace clic en otra página, el navegador no tiene que cargar ni un solo recurso CSS.
Este archivo CSS se optimiza para ser pequeño
Procesados previamente: El entorno de trabajo CSS que Odoo utiliza es Bootstrap. Aunque un tema puede usar otro entorno de trabajo, la mayoría de los temas de Odoo extienden y personalizan Bootstrap directamente. Ya que Odoo es compatible con Less y Sass, puede modificar las reglas CSS en lugar de sobreescribirlas a través de líneas CSS adicionales, lo que da como resultado un archivo más pequeño.
Concatenados: todos los módulos o bibliotecas que puede usar en Odoo tiene sus propios archivos CSS, Less o Sass (Comercio electrónico, blogs, temas, etc.). Tener varios archivos CSS es bueno para la modularidad pero no para el rendimiento, ya que la mayoría de los navegadores solo puede realizar 6 solicitudes en paralelo, lo que resulta en que se carguen muchos archivos en serie. El tiempo de latencia para transferir un archivo suele ser mucho mayor que el tiempo real de transferencia de datos, para archivos pequeños como .JS y .CSS. Por lo tanto, el tiempo de carga de recursos CSS depende más del número de solicitudes que se deben resolver que del tamaño real del archivo.
Para resolver este problema, todos los archivos CSS, Less o Sass se concatenan en un único archivo .CSS que se envía al navegador. Así, un visitante solo tiene que cargar un solo archivo CSS por página, lo cual es particularmente eficiente. Como el CSS se comparte entre todas las páginas, cuando un visitante hace clic en otra página, el navegador no tiene que cargar un nuevo archivo CSS.
Ambos archivos en el <head> |
Lo que el visitante recibe (solo un archivo) |
|---|---|
/* De bootstrap.css */ |
.text-muted { |
.text-muted { |
color: #666; |
color: #777; |
fondo: amarillo |
fondo: amarillo; |
} |
} |
|
/* De my-theme.css */ |
|
.text-muted { |
|
color: #666; |
|
} |
El archivo CSS enviado por Odoo incluye todos los CSS/Less/Sass de todas las páginas y módulos. Al hacer esto, las vistas adicionales de página del mismo visitante no tendrán que cargar ningún archivo CSS. Sin embargo, algunos módulos pueden incluir recursos CSS/Javascript grandes que no desea precargar en la primera página debido a su tamaño. En este caso, Odoo divide este recurso en un segundo paquete que se carga solo cuando la página que se solicita lo utiliza. Un ejemplo es el backend que solo carga cuando un visitante inicia sesión y accede al backend (/web).
Nota
Si el archivo CSS es muy grande, Odoo lo dividirá en dos archivos más pequeños para evitar el límite de 4095 selectores por hoja de Internet Explorer. Pero la mayoría de temas cumplen con este límite.
Minificados: Después de se procesa previamente y se concatena, el archivo CSS se minimiza para reducir su tamaño.
Antes de minificar |
Después de minificar |
|---|---|
/* algunos comentarios */ |
.text-muted {color: #666} |
.text-muted { |
|
color: #666; |
|
} |
El resultado final se comprime, antes de enviarse al navegador.
Posteriormente, se almacena una versión de caché en el servidor (para que no tengamos que procesar previamente, concatenar y minificar en cada solicitud) y en el navegador (para que el mismo visitante cargue el archivo CSS solo una vez para todas las páginas que visiten).
Recursos estáticos: Javascript¶
Al igual que los recursos CSS, los recursos Javascript también se concatenan, minifican, comprimen y se guardan en caché (tanto en el servidor como en el navegador).
Odoo crea tres paquetes de Javascript:
Uno para todas las páginas del sitio web (incluso el código para los efectos parallax, validación de formulario, etc.).
Uno para el código de Javascript común que se comparte entre el frontend y el backend (Bootstrap).
Uno para el código Javascript del backend (interfaz del Cliente web de Odoo para sus empleados que usan Odoo)
La mayoría de los visitantes de su sitio web solo necesitarán los primeros dos paquetes, lo que resulta en un máximo de dos archivos Javascript por cargar para visualizar una página. Como estos archivos se comparten en todas las páginas, más clics por el mismo visitante no cargarán ningún otro recurso de Javascript.
Nota
Si trabaja con el modo de desarrollador, los archivos CSS y Javascript no se concatenan ni se minifican. Por lo tanto, es mucho más lento, pero le permite resolver bugs con facilidad con el solucionador de bugs de Chrome, ya que los recursos CSS y Javascript no cambian de su versión original.
CDN (Red de distribuición de contenido)¶
Si activa la opción de CDN en Odoo, los recursos estáticos (Javascript, CSS, imágenes) se cargan desde una red de distribución de contenido. Utilizar una red de distribución de contenido conlleva tres ventajas:
Cargar recursos de un servidor cercano (la mayoría de CDN tienen servidores en los principales países del mundo).
Guardar recursos en el caché de forma eficiente (sin uso de recursos de cálculo en su propio servidor).
Dividir la carga de recursos en diferentes servicios, lo que permite cargar más recursos en paralelo (ya que el límite de Chrome de 6 peticiones paralelas es por dominio)
Puede configurar sus opciones de CDN desde la aplicación Administrador de Sitio web, en el menú de configuración. A continuación le presentamos un ejemplo de configuración que puede utilizar:
Páginas HTML¶
Las páginas HTML se pueden comprimir, pero esto usualmente lo maneja su servidor web (NGINX o Apache)
El Creador de sitios web de Odoo se optimizó para garantizar un código HTML corto y claro. Los bloques de creación se desarrollaron para producto código HTML claro, usualmente al usar Bootstrap y el editor HTML.
Por ejemplo, si utiliza el seleccionador de color para cambiar el color de un párrafo al color primario de su sitio web, Odoo producirá el siguiente código:
<p class="text-primary">Mi texto</p>
Considerando que la mayoría de editores HTML (como CKEditor) producirá el siguiente código:
<p style="color: #AB0201">Mi texto</p>
Diseño Responsive¶
Los sitios web que no son compatibles con los dispositivos móviles sufren un impacto negativo en las clasificaciones de los motores de búsqueda. Todos los temas de Odoo utilizan Bootstrap para adaptarse a cualquier dispositivo como computadora, tableta o celular.
Todos los módulos de Odoo comparten la misma tecnología, por lo que todas las páginas de su sitio web son compatibles con los dispositivos móviles.
Caché del navegador¶
Los recursos de Javascript, imágenes y CSS tienen una URL que cambia cada que se modifica su contenido. Por ejemplo, todos los archivos CSS se cargan a través de esta URL localhost:8069/web/content/457-0da1d9d/web.assets_common.0.css. La parte 457-0da1d9d de esta URL cambiará si modifica el CSS de su sitio web.
Esto permite que Odoo configure una memoria de caché muy larga (XXXX) en estos recursos: XXX segs, mientras esta siendo actualizado instantáneamente si actualiza el recurso.
Escalabilidad¶
Además de ser rápido, Odoo es más escalable que los sistemas de gestión de contenido y comercio electrónico tradicionales (Drupal, Wordpress, Magento, Prestashop).
La siguiente diapositiva resume la escalabilidad de las aplicaciones Sitio web y Comercio electrónico de Odoo
Archivos de motores de búsqueda¶
Mapa del sitio¶
El mapa de sitio señala las páginas para indexar a los robots de motores de búsqueda. Odoo genera un archivo /sitemap.xml de forma automática por usted. Por motivos de rendimiento, este archivo se almacena en caché y se actualiza cada 12 horas.
Por defecto, todas las URLs estarán en un solo archivo /sitemap.xml, pero si tiene varias páginas, Odoo automáticamente creará una archivo índice Mapa del sitio, respetando sitemaps.org protocol el agrupado de URLs de mapas del sitio en 45000 pedazos por archivo.
Cada entrada de mapa del sitio tiene 4 atributos que son calculados automáticamente:
<loc>: la URL de una pagina<lastmod>: última fecha de modificación del recurso, se calcula automáticamente según el objeto relacionado. Para una página relacionada con un producto, podría ser la última fecha de modificación del producto o de la página.<priority>: puede que los módulos implementen su propio algoritmo por prioridad según su contenido. Por ejemplo, en un foro la prioridad puede ser según el número de votos en una publicación en específico. Por otro lado, si se trata de una página web estática, esta se definirá por sus campos de prioridad (16 es el número predeterminado).
Datos Estructurados Marcados¶
Se usa el marcado de datos estructurados para generar fragmentos enriquecidos como resultados del motor de búsqueda. Gracias a esto, los dueños de los sitios web pueden enviar estos datos estructurados a los robots de motor de búsqueda. Los robots procesarán el contenido y presentarán mejores resultados de búsqueda.
Google admite un número de fragmentos enriquecidos por tipos de contenido, entre ellos: revisiones, personas, productos, negocios, eventos y organizaciones.
Odoo implementa micro datos como esta definido en la schema.org especificación para eventos, productos de comercio electrónico, publicaciones de foro y direcciones de contacto. Esto permite que sus páginas de producto sean mostradas en Google usando información adicional como el precio y rating de un producto:
robots.txt¶
Cuando catalogue su sitio web, los motores de búsqueda tomarán en cuenta las reglas generales del archivo``/robots.txt`` (robots permitidos, ruta del mapa del sitio, etc.) que Odoo crea de forma automática. Su contenido es:
Usuario: * Mapa del sitio: https://www.odoo.com/sitemap.xml
Esto indica que todos los robots tienen permiso para indexar su sitio web y que no existe ninguna otra regla de indexación más que la especificada en el mapa del sitio en la siguiente dirección.
Puede personalizar el archivo robots con el modo de desarrollador desde Ajustes –> Técnico –> Interfaz de usuario –> Vistas (excluir robots, excluir algunas páginas, redirigir a un mapa del sitio personalizado). También puede hacer que los datos del modelo de la vista sean no actualizables, esto evitará que el archivo se reinicie después de las actualizaciones del sistema.
Red social¶
Odoo permite vincular todas sus cuentas de redes sociales en el pie de página de su sitio web. Todo lo que debe hacer es vincular todas sus cuentas en los ajustes de su empresa.