Prácticas recomendadas para la optimización de los motores de búsqueda y administración URL seo-and-url-management-best-practices

La SEO (optimización de los motores de búsqueda) se ha convertido en una preocupación clave para muchos especialistas en marketing. AEM Como resultado, las preocupaciones de SEO deben ser abordadas en muchos Proyectos de.

AEM En este documento primero se describen algunas prácticas recomendadas de SEO y recomendaciones sobre una implementación de la. Luego, se profundiza en algunos de los pasos de implementación más complejos que se mencionan en la primera sección.

Prácticas recomendadas de SEO seo-best-practices

Esta sección describe algunas prácticas recomendadas generales de SEO.

URL urls

Existen algunas prácticas recomendadas aceptadas con las direcciones URL.

En el proyecto de AEM, al evaluar las URL, pregúntese lo siguiente:

"Si un usuario viera esta URL y ningún contenido en la página, ¿podría describir esta página?"

Si la respuesta es sí, es probable que la URL funcione bien en un motor de búsqueda.

A continuación se ofrecen algunas sugerencias generales para crear las URL para SEO:

Configuración de servidor server-configuration

En cuanto a la configuración del servidor, puede realizar los siguientes pasos para asegurarse de que solo se rastreando el contenido correcto:

Configuraciones de AEM aem-configurations

AEM En esta sección se describen los pasos de implementación para configurar la implementación de con las siguientes recomendaciones de SEO.

Uso de selectores de Sling using-sling-selectors

Anteriormente, el uso de parámetros de consulta era la práctica generalmente aceptada al crear una aplicación web empresarial.

La tendencia de los últimos años ha sido eliminar parámetros para que las URL sean más legibles. En muchas plataformas, este proceso de eliminación implica implementar redirecciones en el servidor web o en la red de distribución de contenido (CDN), pero Sling hace que el proceso sea sencillo. Selectores de Sling:

Uso de selectores para servlets using-selectors-for-servlets

AEM ofrece dos opciones al escribir servlets:

Los siguientes ejemplos ilustran cómo registrar servlets que siguen ambos patrones, así como el beneficio que se obtiene por usar servlets de Sling.

Servlets bin (un nivel inferior) bin-servlets-one-level-down

Los servlets bin siguen el patrón al que muchos desarrolladores están acostumbrados por la programación J2EE. AEM El servlet está registrado en una ruta de acceso específica que, en la práctica, suele ser de menos de /bin, y se extraen los parámetros de solicitud necesarios de la cadena de consulta.

La anotación de SCR para este tipo de servlet tendría este aspecto:

@SlingServlet(paths = "/bin/myApp/myServlet", extensions = "json", methods = "GET")

Luego extrae los parámetros de la cadena de consulta mediante el objeto SlingHttpServletRequest incluido en el método doGet; por ejemplo:

String myParam = req.getParameter("myParam");

La URL resultante utilizada tendría este aspecto:

https://www.mydomain.com/bin/myApp/myServlet.json?myParam=myValue

Hay algunos puntos que hay que tener en cuenta con este enfoque:

Sling servlets (un nivel más bajo) sling-servlets-one-level-down

Los servlets Sling permiten registrar el servlet de manera opuesta. En lugar de dirigirse a un servlet y especificar el contenido que desea que el servlet procese en función de los parámetros de consulta, debe buscar el contenido que desee. Y especifique el servlet que debe representar el contenido en función de los selectores de Sling.

La anotación de SCR para este tipo de servlet tendría este aspecto:

@SlingServlet(resourceTypes = "myBrand/components/pages/myPageType", selectors = "myRenderer", extensions = "json", methods="GET")

En este caso, se puede acceder automáticamente al recurso al que se dirige la dirección URL (una instancia del recurso myPageType) en el servlet. Para acceder a él, llame al siguiente método:

Resource myPage = req.getResource();

La URL resultante utilizada tendría este aspecto:

https://www.mydomain.com/content/my-brand/my-page.myRenderer.json

Los beneficios de este enfoque son:

Reescribir URL url-rewriting

En AEM, todas las páginas web se almacenan en /content/my-brand/my-content. Aunque esta ubicación es útil desde la perspectiva de la administración de datos del repositorio, no es necesariamente la forma en que desea que los clientes vean el sitio. Además, puede entrar en conflicto con las directrices de SEO para que las URL sean lo más cortas posible. Además, es posible que sirva varios sitios web desde la misma instancia de AEM y desde diferentes nombres de dominio.

En esta sección se analizan las opciones disponibles en AEM para administrar estas URL y presentarlas a los usuarios de una forma más fácil de leer y compatible con la optimización de los motores de búsqueda.

URL de vanidad vanity-urls

Si un autor desea que una página sea accesible desde una segunda ubicación con fines promocionales, las URL personales de AEM, definidas página por página, pueden resultar útiles. Para agregar una URL de vanidad para una página, navegue hasta ella en la consola Sitios y edite las propiedades de la página. En la parte inferior de la pestaña Básico, verá una sección en la que se pueden agregar URL de vanidad. Tenga en cuenta que tener la página accesible a través de más de una URL fragmentará el valor SEO de la página, por lo que se debe agregar una etiqueta de URL canónica a la página para evitar este problema.

Nombres de páginas localizados localized-page-names

Es posible que desee mostrar nombres de páginas localizados a los usuarios de contenido traducido. Por ejemplo:

El desafío que supone la localización del nombre de la página es que muchas de las herramientas de localización disponibles en la plataforma AEM dependen de que los nombres de las páginas coincidan en las distintas configuraciones regionales para mantener el contenido sincronizado.

La propiedad sling:alias le permite comer pastel de Adobe y también comerlo. Puede agregar sling:alias como propiedad a cualquier recurso para permitir un nombre de alias para el recurso. En el ejemplo anterior, tendría lo siguiente:

AEM Este flujo permite a las herramientas de traducción de la, como el administrador de varios sitios, seguir manteniendo una relación entre:

También permite a los usuarios finales interactuar con el nombre de la página en sus idiomas nativos.

/etc/map etc-map

En una instalación estándar de AEM:

En esta ubicación se pueden agregar definiciones de asignación a solicitudes entrantes de asignación, reescribir direcciones URL en páginas de AEM o en ambas.

Para crear una nueva asignación, cree un nodo de sling:Mapping en esta ubicación debajo de /http o /https. En función de las propiedades sling:match y sling:internalRedirect establecidas en este nodo, AEM redireccionará todo el tráfico de la URL coincidente al valor especificado en la propiedad internalRedirect.

AEM Aunque este método está documentado en la documentación oficial de Sling y de la aplicación de la, el ámbito de la compatibilidad con expresiones regulares que proporciona esta implementación es limitado si se compara con las opciones disponibles directamente mediante SlingResourceResolver. Además, la implementación de asignaciones de esta manera puede provocar problemas con la invalidación de la caché de Dispatcher.

A continuación se muestra un ejemplo de cómo se produce este problema:

Existen maneras de configurar reglas de vaciado de Dispatcher personalizadas que asignarán la URL más corta a la URL más larga para invalidar la caché.

Sin embargo, también hay una forma más sencilla de administrar este problema:

Apache HTTP Server mod_rewrite apache-http-server-mod-rewrite

Hasta ahora, ha implementado asignaciones junto con la lógica de sus componentes para utilizar estas asignaciones al enviar direcciones URL a las páginas.

La parte final es el manejo de estas URL abreviadas cuando llegan a Dispatcher, que es donde mod_rewrite comienza a funcionar. La mayor ventaja de usar mod_rewrite es que las URL se asignan de nuevo a su formulario largo antes de enviarse al módulo de Dispatcher. Este flujo significa que Dispatcher solicita la URL larga del servidor de publicación y la almacena en la memoria caché correspondiente. Por lo tanto, cualquier solicitud de vaciado de Dispatcher que venga del servidor de publicación, puede invalidar este contenido correctamente.

Para implementar estas reglas, puede agregar elementos RewriteRule debajo del host virtual en la configuración de Apache HTTP Server. Si desea expandir las URL abreviadas del ejemplo anterior, puede implementar una regla con este aspecto:

<VirtualHost *:80>
  ServerName www.mydomain.com
  RewriteEngine on
  RewriteRule ^/(.*)$ /content/my-brand/$1 [PT,L]
  …
</VirtualHost>

Etiquetas de URL canónicas canonical-url-tags

Las etiquetas de URL canónicas son etiquetas de vínculo colocadas en el encabezado de un documento HTML para aclarar cómo los motores de búsqueda deben tratar una página al indexar el contenido. El beneficio que ofrecen es garantizar que (versiones diferentes) una página se indexe como la misma, aunque la URL de la página pueda contener diferencias.

Por ejemplo: si un sitio tuviera que ofrecer una versión de una página compatible con una impresora, un motor de búsqueda podría indexar esta página por separado desde la versión normal de la página. La etiqueta canónica le dirá al motor de búsqueda que son iguales.

Ejemplos:

Ambos aplicarían la siguiente etiqueta al encabezado de la página:

<link rel="canonical" href="my-brand/my-page.html"/>

El valor href puede ser relativo o absoluto. El código debe incluirse en el marcado de la página para determinar la URL canónica de la página y mostrar esta etiqueta.

Configurar el Dispatcher para la insensibilidad de distinción entre mayúsculas y minúsculas configuring-the-dispatcher-for-case-insensitivity

La práctica recomendada es utilizar letras minúsculas en todas las páginas. Sin embargo, no desea que un usuario obtenga un error 404 cuando acceda al sitio web con letras mayúsculas en su URL. Por este motivo, Adobe recomienda agregar una regla de reescritura en la configuración de Apache HTTP Server para asignar todas las URL entrantes a minúsculas. Además, los autores de contenido deben recibir formación para crear sus páginas con nombres en minúsculas.

Para configurar Apache para que convierta todo el tráfico entrante a minúsculas, agregue lo siguiente a la configuración vhost:

RewriteEngine On
RewriteMap lowercase int:tolower

Además, agregue lo siguiente a la parte superior del archivo htaccess:

RewriteCond $1 [A-Z]
RewriteRule ^(.*)$ /${lowercase:$1} [R=301,L]

Implementación de robots.txt para proteger los entornos de desarrollo implementing-robots-txt-to-protect-development-environments

Los motores de búsqueda deben comprobar la presencia de un archivo robots.txt en la raíz del sitio antes de rastrear el sitio. Aunque los principales motores de búsqueda como Google, Yahoo o Bing respetan este archivo, algunos motores de búsqueda extranjeros no lo hacen.

La manera más sencilla de bloquear el acceso a todo el sitio es colocar un archivo denominado robots.txt en la raíz del sitio con el siguiente contenido:

User-agent: *
Disallow: /

De lo contrario, en un entorno activo, puede optar por no permitir determinadas rutas que no desee indexar.

La advertencia de colocar el archivo robots.txt en la raíz del sitio es que las solicitudes de vaciado de Dispatcher pueden borrar este archivo. Además, es probable que las asignaciones de URL coloquen la raíz del sitio en un lugar diferente de DOCROOT, tal como se define en la configuración del servidor HTTP Apache. Por este motivo, es común colocar este archivo en la instancia de autor en la raíz del sitio y replicarlo en la instancia de publicación.

Crear un mapa del sitio XML en AEM building-an-xml-sitemap-on-aem

Los rastreadores utilizan mapas del sitio en XML para comprender mejor la estructura de los sitios web. Si bien no hay garantías de que proporcionar un mapa del sitio conduzca a mejores clasificaciones de SEO, se trata de una práctica recomendada y reconocida. Puede mantener manualmente un archivo XML en el servidor web para utilizarlo como mapa del sitio. Sin embargo, Adobe recomienda generar el mapa del sitio mediante programación para garantizar que, a medida que los autores crean contenido, el mapa del sitio refleje automáticamente sus cambios.

AEM usa el módulo de mapa del sitio Apache Sling para generar mapas del sitio en XML, que proporciona una amplia gama de opciones para que los desarrolladores y editores mantengan un mapa del sitio en XML de sitios actualizado.

El módulo del mapa del sitio Apache Sling distingue entre un mapa del sitio de nivel superior y un mapa del sitio anidado, ambos generados para cualquier recurso que tenga la propiedad sling:sitemapRoot establecida en true. En general, los mapas del sitio se representan con selectores en la ruta del mapa del sitio de nivel superior del árbol, que es el recurso que no tiene otro antecesor raíz del mapa del sitio. Esta raíz de mapa del sitio de nivel superior también expone el índice de mapa del sitio, que normalmente es lo que el propietario del sitio configuraría en el portal de configuración del motor de búsqueda o añadiría al robots.txt del sitio.

Por ejemplo, piense en un sitio que defina una raíz de mapa del sitio de nivel superior en my-page y una raíz de mapa del sitio anidada en my-page/news, para generar un mapa del sitio dedicado para las páginas del subárbol de noticias. Las direcciones URL relevantes resultantes serían

En la configuración predeterminada, el cuadro de diálogo Propiedades de página proporciona una opción para marcar una página como raíz de mapa del sitio y, por lo tanto, como se describe más arriba, generar un mapa del sitio propio y de sus descendientes. Este comportamiento se implementa mediante las implementaciones de la variable SitemapGenerator y se puede ampliar añadiendo implementaciones alternativas. Sin embargo, como la frecuencia con la que se regeneran los mapas del sitio XML depende de los flujos de trabajo y las cargas de trabajo de creación de contenido, el producto no envía ninguna configuración SitemapScheduler. Como tal, hace que la función sea de inclusión efectiva.

Para habilitar el trabajo en segundo plano que genera los mapas del sitio XML, debe estar configurado un SitemapScheduler. Para ello, cree una configuración OSGi para el org.apache.sling.sitemap.impl.SitemapScheduler PID. La expresión del planificador 0 0 0 * * ? puede utilizarse como punto de partida para regenerar todos los mapas del sitio XML una vez al día a medianoche.

El trabajo de generación de mapas del sitio se puede ejecutar en instancias de nivel de creación y publicación. Normalmente, se recomienda ejecutar la generación en instancias de nivel de publicación, ya que las URL canónicas adecuadas solo se pueden generar allí (debido a que las reglas de asignación de recursos de Sling normalmente están presentes solo en instancias de nivel de publicación). Sin embargo, es posible añadir una implementación personalizada del mecanismo de externalización utilizado para generar las URL canónicas implementando la interfaz SitemapLinkExternalizer. Si una implementación personalizada puede generar las direcciones URL canónicas de un mapa del sitio en las instancias de nivel de creación, SitemapScheduler se puede configurar para el modo de ejecución de creación. Además, la carga de trabajo de generación de mapas del sitio XML se puede distribuir entre las instancias del clúster de servicios de creación. En esta situación, se debe tener cuidado al gestionar contenido que aún no se ha publicado, que se ha modificado o que solo es visible para un grupo restringido de usuarios.

AEM Sites contiene una implementación predeterminada de un SitemapGenerator que atraviesa un árbol de páginas para generar un mapa del sitio. Está preconfigurado para mostrar únicamente las URL canónicas de un sitio y las alternativas de idioma si están disponibles. También se puede configurar para incluir la última fecha de modificación de una página si es necesario. Para ello, habilita la opción Agregar última modificación de la configuración Adobe AEM de SEO: generador de mapas de sitios de árbol de páginas y selecciona Última modificación de Source. Cuando los mapas del sitio se generan en el nivel de publicación, se recomienda usar la fecha cq:lastModified.

Para limitar el contenido de un mapa del sitio, se pueden implementar las siguientes interfaces de servicio cuando sea necesario:

Si las implementaciones predeterminadas no funcionan en un caso de uso determinado o si los puntos de extensión no son lo suficientemente flexibles, implemente un SitemapGenerator personalizado para tener un control total del contenido de un mapa del sitio generado. El siguiente ejemplo utiliza la lógica de implementación predeterminada para AEM Sites. Utiliza el ResourceTreeSitemapGenerator como punto de partida para recorrer un árbol de páginas:

import java.util.Optional;

import org.apache.sling.api.resource.Resource;
import org.apache.sling.sitemap.SitemapException;
import org.apache.sling.sitemap.builder.Sitemap;
import org.apache.sling.sitemap.builder.Url;
import org.apache.sling.sitemap.spi.common.SitemapLinkExternalizer;
import org.apache.sling.sitemap.spi.generator.ResourceTreeSitemapGenerator;
import org.apache.sling.sitemap.spi.generator.SitemapGenerator;
import org.jetbrains.annotations.NotNull;
import org.osgi.service.component.annotations.Component;
import org.osgi.service.component.annotations.Reference;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;

import com.adobe.aem.wcm.seo.sitemap.PageTreeSitemapGenerator;
import com.day.cq.wcm.api.Page;

@Component(
    service = SitemapGenerator.class,
    property = { "service.ranking:Integer=20" }
)
public class SitemapGeneratorImpl extends ResourceTreeSitemapGenerator {

    private static final Logger LOG = LoggerFactory.getLogger(SitemapGeneratorImpl.class);

    @Reference
    private SitemapLinkExternalizer externalizer;
    @Reference
    private PageTreeSitemapGenerator defaultGenerator;

    @Override
    protected void addResource(@NotNull String name, @NotNull Sitemap sitemap, Resource resource) throws SitemapException {
        Page page = resource.adaptTo(Page.class);
        if (page == null) {
            LOG.debug("Skipping resource at {}: not a page", resource.getPath());
            return;
        }
        String location = externalizer.externalize(resource);
        Url url = sitemap.addUrl(location + ".html");
        // add any additional content to the Url like lastmod, change frequency, and so on
    }

    @Override
    protected final boolean shouldFollow(@NotNull Resource resource) {
        return super.shouldFollow(resource)
            && Optional.ofNullable(resource.adaptTo(Page.class)).map(this::shouldFollow).orElse(Boolean.TRUE);
    }

    private boolean shouldFollow(Page page) {
        // add additional conditions to stop traversing some pages
        return !defaultGenerator.isProtected(page);
    }

    @Override
    protected final boolean shouldInclude(@NotNull Resource resource) {
        return super.shouldInclude(resource)
            && Optional.ofNullable(resource.adaptTo(Page.class)).map(this::shouldInclude).orElse(Boolean.FALSE);
    }

    private boolean shouldInclude(Page page) {
        // add additional conditions to stop including some pages
        return defaultGenerator.isPublished(page)
            && !defaultGenerator.isNoIndex(page)
            && !defaultGenerator.isRedirect(page)
            && !defaultGenerator.isProtected(page);
    }
}

Además, la funcionalidad implementada para los mapas del sitio XML también se puede utilizar para diferentes casos de uso, por ejemplo, para añadir el vínculo canónico o las alternativas de idioma al encabezado de una página. Consulte la interfaz SeoTags para obtener más información.

Crear redirecciones 301 para URL heredadas creating-redirects-for-legacy-urls

Al lanzar un sitio con una nueva estructura, implementar y probar redirecciones 301 en Apache HTTP Server es importante por dos motivos:

Para obtener instrucciones sobre cómo implementar las redirecciones 301, asegúrese de comprobar la sección de recursos adicionales que se muestra a continuación, así como una herramienta para probar que las redirecciones funcionan según lo esperado.

Recursos adicionales additional-resources

Para obtener más información, consulte los siguientes recursos adicionales: