Der beste Weg, um Google Indexseite mit Tabs zu lassen - SEO

Angenommen, ich habe eine /petsSeite mit 4 Registerkarten:

• Alle
• Hunde
• Katzen
• Eulen

Auf der Registerkarte Alle werden alle Haustiere beim Laden der Seite angezeigt .

Jede der 3 anderen Registerkarten enthält eine Liste von Hunden / Katzen / Eulen - geladen mit Ajax beim Klicken. Jede Registerkarte hat auch eine Schaltfläche "Mehr laden", um die nächsten N Ergebnisse zu erhalten.

Die derzeit von Google indizierte Seite ist /pets. Was ich möchte, ist, diese Übersichtsseite mit den Registerkarten beizubehalten, aber auch sicherzustellen, dass die 3 Seiten für bestimmte Haustiere auch indiziert werden (insbesondere, weil sie Links zu Detailseiten der Haustiere enthalten).

Was ich gedacht habe:

1. Mein erster Gedanke war, die /petsSeite beizubehalten und die 3 Registerkarten einfach mit verschiedenen URLs zu verknüpfen : /pets/dogs, /pets/catsund /pets/owls, aber es scheint nicht benutzerfreundlich zu sein, Registerkarten anzuzeigen, bei denen es sich tatsächlich um Links handelt.
2. Alternativ dachte ich, die /petsSeite mit den Registerkarten und Ajax beizubehalten, habe aber zusätzlich dedizierte Seiten (siehe Punkt 1) für die 3 Haustiertypen. Dann würde ich vielleicht eine zusätzliche „About“ Seite mit internen Links erstellen /pets/dogs, /pets/catsund /pets/owls, so sie gecrawlt werden können. In diesem Fall bin ich mir jedoch nicht sicher, ob die Gefahr besteht, dass Inhalte dupliziert wurden.

Ich möchte die Benutzererfahrung nicht für SEO opfern, was es schwieriger macht, zu einer Lösung zu gelangen.

Welche der beiden oben genannten Optionen erscheint Ihnen besser?

Oder vielleicht, wenn Sie Erfahrung mit solchen tab-gesteuerten Seiten haben: Welche andere Lösung würden Sie vorschlagen?

Dies ist ein sehr häufiges Problem, mit dem diese Tage konfrontiert sind. Dies kann leicht wie folgt gelöst werden:

Wenn Sie möchten, dass dieselbe Seite / Haustiere, aber auch Laufwerk / Haustiere / Katzen, / Haustiere / Hund separat indiziert werden , sollten sie idealerweise separat vorhanden sein, dh wenn sie von einem http-Client mit einer separaten URL geöffnet werden, sollten sie unabhängig reagieren.

Auch der Inhalt, der über Ajax oder über das Backend ausgefüllt wird, sollte derselbe sein, dh jemand, der / Haustiere / Hunde über das Suchergebnis öffnet oder durch Klicken auf einen Tab auf / Haustiere (über Ajax) sollte derselbe sein, um eine Strafe für das Tarnen durch Crawler und eine bessere Indizierung zu vermeiden.

Es ist nur so, dass ein benutzerfreundlicheres oder einseitiges Anwendungsverhalten simuliert wird, ohne dass die SEO-Indizierung für diesen Inhalt verloren geht

Damit dies im Crawler geschieht und nur eine Seite verwaltet wird, gehen Sie wie folgt vor:

Backend-Änderungen

1) Konfigurieren Sie Ihren Server auf Anwendungsebene so, dass Anrufe direkt geleitet werden: / Haustiere /, / Haustiere / Hunde, / Haustiere / Katzen. . . auf eine einzelne Funktion

2) Diese Funktion sendet diese erforderlichen Informationen / Daten an dieselbe Ansicht (der analysierten Registerkarte) und aktiviert diese Registerkarte.

Beispiel:

Wenn / Haustiere / empfangen wird, sollte das Backend den Inhalt von / all zur Ansicht senden, um ihn crawlen zu können, und alle Registerkarten als aktive Registerkarten festlegen

Wenn / Haustiere / Hunde empfangen wird, sollte das Backend den Inhalt von / all / Hunde zur Ansicht senden, um ihn crawlen zu können, und die Registerkarte "Hund" als aktive Registerkarte festlegen

. .

Front-End-Änderungen

Wenn der Benutzer nun eine Registerkarte im Front-End auswählt, sollten Sie diese im Verlauf hinzufügen und die erforderlichen Analysepixel auslösen, um separate Seitenansichten (virtuelle Seitenansichten) zu verfolgen.

if(history && history.pushState)
            {
                var pageUrl = $("#page-"+page).attr("href");
                pageUrl = pageUrl.replace("https://","//").replace("http://","//");
                history.pushState(null,null,pageUrl);
            }

Ändern Sie auch den Inhalt der Seite über Ajax und legen Sie die Registerkarte als ausgewählte Registerkarte fest.

Selbst wenn der Benutzer die Seite aktualisiert, sollte der Status der Seite unverändert bleiben. So funktioniert dieses ganze Konzept.