Preflight-möjligheter
AEM Sites Optimizer Preflight analyserar sidans tekniska data och prestandadata och förutser och identifierar möjligheter innan den publiceras. Den använder generativ AI för att föreslå optimeringar.
Möjligheter
Lär dig mer om de brutna interna länkarna och hur du använder dem för att identifiera och åtgärda brutna eller problematiska länkar på din webbplats.
Lär dig mer om möjligheterna med metataggar och hur du använder dem för att optimera sidans metadata för bättre SEO-prestanda.
Lär dig mer om tillgänglighetsmöjligheterna och hur du använder dem för att se till att webbplatsen är tillgänglig för alla användare.
Så här konfigurerar du
Universal Editor Setup
- Gå till Extension Manager från URL https://experience.adobe.com/#/@org/aem/extension-manager/universal-editor
- Markera AEM Sites Optimizer Preflight-tillägget och begär att få aktivera
- AEM Team aktiverar tillägget för din organisation
- När du är klar öppnar du en sida i Universell redigerare, t.ex.: https://author-p12345-e123456.adobeaemcloud.com/ui#/@org/aem/universal-editor/canvas/author-p12345-e123456.adobeaemcloud.com/content/site/subscription.html
- Preflight-tillägget visas i sidlisten
- Om du klickar på Preflight-tillägget från sidospåret startas Preflight-granskningen för den aktuella sidan
Dokumentbaserad förhandsgranskning
Steg 1: Aktivera Sidekick med Preflight-knappen
Lägg till följande konfiguration till /tools/sidekick/config.json i din GitHub-databas:
{
"plugins": [
{
"id": "preflight",
"titleI18n": {
"en": "Preflight"
},
"environments": ["preview"],
"event": "preflight"
}
]
}
Steg 2: Skapa Sidekick Integration Script
Skapa /tools/sidekick/aem-sites-optimizer-preflight.js med följande innehåll:
(function () {
let isAEMSitesOptimizerPreflightAppLoaded = false;
function loadAEMSitesOptimizerPreflightApp() {
const script = document.createElement('script');
script.src = 'https://experience.adobe.com/solutions/OneAdobe-aem-sites-optimizer-preflight-mfe/static-assets/resources/sidekick/client.js?source=plugin';
script.onload = function () {
isAEMSitesOptimizerPreflightAppLoaded = true;
};
script.onerror = function () {
console.error('Error loading AEMSitesOptimizerPreflightApp.');
};
document.head.appendChild(script);
}
function handlePluginButtonClick() {
if (!isAEMSitesOptimizerPreflightAppLoaded) {
loadAEMSitesOptimizerPreflightApp();
}
}
// Sidekick V1 extension support
const sidekick = document.querySelector('helix-sidekick');
if (sidekick) {
sidekick.addEventListener('custom:preflight', handlePluginButtonClick);
} else {
document.addEventListener('sidekick-ready', () => {
document.querySelector('helix-sidekick')
.addEventListener('custom:preflight', handlePluginButtonClick);
}, { once: true });
}
// Sidekick V2 extension support
const sidekickV2 = document.querySelector('aem-sidekick');
if (sidekickV2) {
sidekickV2.addEventListener('custom:preflight', handlePluginButtonClick);
} else {
document.addEventListener('sidekick-ready', () => {
document.querySelector('aem-sidekick')
.addEventListener('custom:preflight', handlePluginButtonClick);
}, { once: true });
}
}());
Steg 3: Uppdatera skriptfil
Lägg till följande import-sats i funktionen loadLazy() i /scripts/scripts.js för förhandsgransknings-URL:er, enligt nedan:
if (window.location.href.includes('.aem.page')) {
import('../tools/sidekick/aem-sites-optimizer-preflight.js');
}
Nu ska Preflight-knappen visas i Sidekick.
Steg 4: Kör granskningen
Öppna förhandsgranskningens URL (*.aem.page). Klicka på Preflight-knappen i Sidekick.
Installation av AEM Cloud-tjänst
Du kan använda bokmärkesalternativet för att testa preflight på AEM Cloud Service Page Editors och Sandbox Environment.
Visa bokmärkesfältet genom att trycka på Ctrl+Skift+B (Windows) eller Cmd+Skift+B (Mac). Högerklicka på bokmärkesfältet och välj "Ny sida" eller "Lägg till bokmärke". I adressfältet kopierar du koden nedan.
Kopiera den här koden och skapa ett nytt bokmärke:
javascript:(function(){const script=document.createElement('script');script.src='https://experience.adobe.com/solutions/OneAdobe-aem-sites-optimizer-preflight-mfe/static-assets/resources/sidekick/client.js?source=bookmarklet&target-source=aem-cloud-service';document.head.appendChild(script);})();
När du har lagt till bokmärket öppnar du förhandsgranskningens URL (*.aem.page). Klicka på preflight-bokmärket för att starta Preflight-granskningen.
Bästa praxis
Tänk på följande när du använder Preflight:
- Kör preflight-granskningar på alla mellanlagrings-/förhandsgranskningssidor före publicering.
- Åtgärda problem med stor påverkan först (trasiga länkar, saknade H1-taggar, osäkra länkar).
- Aktivera autentisering för skyddade staging-miljöer.
- Granska och implementera förslag på metataggar för bättre SEO-prestanda.