Die meisten von Ihnen haben bestimmt eine Sitemap-Seite auf vielen Blogs oder Websites gesehen und sich gefragt, was sie ist und wie sie funktioniert. Die Sitemap-Seite hilft Ihnen grundsätzlich bei einer besseren und einfacheren Navigation und verbessert auch Ihren Seitenrang durch die interne Verlinkung aller Beiträge im Blog. Es hilft auch den Crawlern der Suchmaschine, den Inhalt und die Seiten einfach und schneller zu indizieren. In diesem Kapitel erfahren Sie, wie Sie mit einfachen Schritten eine Sitemap für Blogger erstellen.
Wie funktioniert die Sitemap-Seite?
Bevor Sie den Code in Ihrem Blog ablegen und ihn einfach in Ruhe lassen, müssen Sie wissen, wie er tatsächlich funktioniert. Dies ist eine automatisierte Sitemap-Seite, die automatisch die neuesten Beiträge selbst hinzufügt. Sie müssen es nicht jedes Mal manuell aktualisieren. Auf dieser Seite können Sie sehen, dass die Beiträge nach den Labels kategorisiert sind, die Sie im Blog angegeben haben. Diese Sitemap-Seite wurde mit JavaScript und CSS entwickelt, die automatisch den Feed Ihres Blogs übernimmt.
Sitemap-Seite in Blogger erstellen
Hier sind einige einfache Schritte, die Sie befolgen müssen, um problemlos eine Sitemap-Seite in Ihrem Blogger-Blog zu erstellen. Es ist eine sehr einfache Aufgabe, bei der Sie nur den Code einfügen müssen.
Schritt 1: Öffnen Sie Blogger
Öffnen Sie Blogger.com und melden Sie sich bei Ihrem Konto an. Wählen Sie das Blog aus, an dem Sie arbeiten, und öffnen Sie das Dashboard.
Schritt 2: Seite erstellen
Navigieren Sie im Blogger-Dashboard zu Seiten und klicken Sie auf Neue Seite. Geben Sie den Titel Ihrer Wahl ein.
Schritt 3: Code hinzufügen
Gehen Sie zum HTML-Tab und kopieren Sie einfach den folgenden Code und fügen Sie ihn dort in den HTML-Tab ein.
#toc{
width:99%;
margin:5px auto;
border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
}
.labl{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;
}
.labl a{
color:#fff;
}
.labl:first-letter{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}
<script src="http://www.DEINE DOMAIN.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
Schritt 4: Anung
Sie müssen sich nur ändern“DEINE DOMAIN“ mit Ihrer Blog-Domain und veröffentlichen Sie die Seite.
Das ist es, Jungs! Sie haben gerade eine Sitemap für Ihr Blog erstellt. Sie können auch die CSS-Codes für Änderungen in den Hintergründen ändern.
