Infinite Scroll SEO

<!-- Initiale Inhalte server-seitig rendern -->
<div id="content-container">
  <article>Inhalt 1</article>
  <article>Inhalt 2</article>
  <article>Inhalt 3</article>
</div>

// Fallback für JavaScript-deaktivierte Browser
if (typeof window !== 'undefined' && 'IntersectionObserver' in window) {
  // Infinite Scroll implementieren
} else {
  // Traditionelle Pagination anzeigen
}

// History API für URL-Updates
function updateURL(pageNumber) {
  const newURL = `${window.location.pathname}?page=${pageNumber}`;
  window.history.pushState({page: pageNumber}, '', newURL);
}

{
  "@context": "https://schema.org",
  "@type": "ItemList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "item": {
        "@type": "Article",
        "headline": "Artikel 1"
      }
    }
  ]
}

function updateMetaTags(pageData) {
  document.title = pageData.title;
  document.querySelector('meta[name="description"]').content = pageData.description;
}

<link rel="canonical" href="https://example.com/content?page=2" />

<a href="/all-content" rel="alternate">Alle Inhalte anzeigen</a>

// Intersection Observer für bessere Performance
const observer = new IntersectionObserver((entries) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      loadMoreContent();
    }
  });
});

// Inhalte vorausladen
function prefetchNextPage() {
  const nextPage = currentPage + 1;
  fetch(`/api/content?page=${nextPage}`)
    .then(response => response.json())
    .then(data => cacheContent(data));
}

// Alte Inhalte entfernen
function cleanupOldContent() {
  const articles = document.querySelectorAll('article');
  if (articles.length > 50) {
    articles[0].remove();
  }
}

// Schlecht: Kein Fallback für JavaScript
document.addEventListener('scroll', loadMore);

// Schlecht: URLs werden nicht aktualisiert
function loadMore() {
  // Nur Inhalte laden, keine URL-Änderung
}

// Schlecht: Keine Begrenzung
function loadMore() {
  // Lädt immer weiter, auch wenn keine Inhalte mehr vorhanden
}

lighthouse https://example.com --only-categories=seo,performance

curl "https://search.google.com/test/mobile-friendly?url=https://example.com"

curl "https://search.google.com/test/rich-results?url=https://example.com"