Um meine gewaltigen, ja schier unendlichen Besuchermassen in den Griff zu bekommen, habe ich jetzt das Analysetool Google Analytics zu meinem Blog hinzugefügt.
Alle die nicht wissen was Google Analytics ist und Interesse zeigen, klicken auf "Weiterlesen...". Die anderen lassen´s bleiben ; )
Was ist Google Analytics?
Google Analytics ist ein hervorragendes Tool von, man kann es sich denken -> Google.
Mit Google Analytics kann man nicht nur sehen viele Besucher man am Tag hat, sondern man erhält noch viele weitere Informationen. Besipielsweise von welcher Webseite die Besucher kamen, über welchen Suchbegriff bei Google sie deine Seite gefunden haben, wie lange sie auf deiner Seite verweilen, wieviele Seiten sie durchklicken, die Absprungrate und und und!
Wie installiere ich Google Analytics?
Die Installation von Google Analytics in deinen Blog ist überhaupt kein Problem. Zunächst brauchst du einen Google Account, den du dir auf der Google Startseite anlegen kannst, falls du noch keinen haben solltest. Sobald du einen Google Account hast, logst du dich in diesen ein und wählst den Menüpunkt Google Analytics aus. Dann musst du auf "Websiteprofil anlegen" klicken, um ein Profil für deinen Blog zu erstellen. Im nachfolgenden Fenster gibst du deine Blog-URL ein, worauf hin du einen Code bekommst. Diesen musst du dann nur noch vor den /body Tag deines Html-Codes einfügen und fertig! Nach einpaar Minuten sollte Google deinen Google Analytics Code gefunden haben und du kannst dir immer aktuelle Statistiken zu deinem Blog ansehen.
Herzlichen Glückwunsch!
Abschliessend kann ich nur noch sagen, dass Google Analytics für jeden erfolgreichen Blogger einfach ein Muss ist! Auch ich benutze es auf meinen Seiten und kann es nur wärmstens empfehlen.
Posts mit dem Label Blogging Tips werden angezeigt. Alle Posts anzeigen
Posts mit dem Label Blogging Tips werden angezeigt. Alle Posts anzeigen
Samstag, 30. Mai 2009
Ein eigenes Favicon erstellen
Was ist ein Favicon?
Seht ihr das kleine Bild in eurer URL-Zeile dirket vor meiner Blog-URL? Das ist ein Favicon! Hübsch, nicht?
Und nach einem Klick erfahrt ihr, wie ihr euer eigenes Favicon für euer Blog erstellen könnt...
Wie erstelle ich ein Favicon?
Ganz einfach: Du musst ein Bildchen erstellen was im .gif oder.png Format sein muss und die Größe von 16x16 Pixeln hat. Danach fügst du folgenden Code direkt vor den /head Tag deines Blog Html Codes ein.
Viel Spaß mit deinem supertollen Favicon!
Seht ihr das kleine Bild in eurer URL-Zeile dirket vor meiner Blog-URL? Das ist ein Favicon! Hübsch, nicht?
Und nach einem Klick erfahrt ihr, wie ihr euer eigenes Favicon für euer Blog erstellen könnt...
Wie erstelle ich ein Favicon?
Ganz einfach: Du musst ein Bildchen erstellen was im .gif oder.png Format sein muss und die Größe von 16x16 Pixeln hat. Danach fügst du folgenden Code direkt vor den /head Tag deines Blog Html Codes ein.
Viel Spaß mit deinem supertollen Favicon!
Montag, 25. Mai 2009
Weiterlesen bzw. Read more Hack für Blogger
Weiterlesen bzw. Read more Hack für Blogger: Hier meine kleine Anleitung wie ihr den Read more - hack für eure Blogger Posts installieren könnt. Wie ihr seht, wird auf meiner Startseite nicht immer gleich der komplette Post angezeigt, sondern nur ein Auszug. Der Rest erscheint nachdem man auf "Weiterlesen..." geglickt hat. Dies funktioniert bei Blogger mit dem so genannten Read more - hack. Wie ihr den in euer html Template einbauen könnt, erfahrt ihr hier.
Read more hack Schritt für Schritt Anleitung:
Schritt 1
Gehe auf Layout -> html bearbeiten und suche die Codezeile post-header-line-1.
Am einfachsten geht das wenn man mit Strg+f die Suchfunktion öffnet. Auch muss das Häckhen bei "Vorlagen zum Erweitern von Widgets" gestzt sein.
Schritt 2
Füge folgenden Code direkt unter die Zeile post-header-line-1 ein:
Es kann sein das sich unter post-header-line-1 noch die Zeile div class=’post-header-line’ befindet. Dann muss der Code auch darunter.
Schritt 3
Suche die Codezeile data:post.body/. Sie müsste sich unweit unter der Zeile post-header-line-1 befinden.
Schritt 4
Füge folgenden Code direkt darunter ein:
Du kannst das "Weiterlesen..." auch umbennen in sonst etwas, das dir beliebt, wie zum Beispiel "Mehr lesen..." oder eben das englische "Read more...".
Schritt 5
Gehe nun im Blogger Hauptmenü auf Einstellungen -> Formatierung -> Vorlage veröffentlichen.
In die Codebox gibst du folgenden Code ein:
Schritt 6
Wenn du jetzt einen Post schreibst gehe auf "Html bearbeiten". Dort siehst du nun den Code von oben. Das, was vor dem Klick auf "Weiterlesen..." zu sehen sein soll, schreibst du vor den Code. Das was danach zu sehen soll schreibst du in den Code. Hier ein Besipeiel:
Ich hoffe ihr bekommt das mit dem Read more hack so hin, denn es ist doch ein etwas schwierigeres und aufwendigeres Unterfangen. Wenn noch irgendwelche Fragen bestehen, dann könnt ihr die gerne in den Kommentaren stellen. Ich schau dann, ob ich helfen kann.
Read more hack Schritt für Schritt Anleitung:
Schritt 1
Gehe auf Layout -> html bearbeiten und suche die Codezeile post-header-line-1.
Am einfachsten geht das wenn man mit Strg+f die Suchfunktion öffnet. Auch muss das Häckhen bei "Vorlagen zum Erweitern von Widgets" gestzt sein.
Schritt 2
Füge folgenden Code direkt unter die Zeile post-header-line-1 ein:
Es kann sein das sich unter post-header-line-1 noch die Zeile div class=’post-header-line’ befindet. Dann muss der Code auch darunter.
Schritt 3
Suche die Codezeile data:post.body/. Sie müsste sich unweit unter der Zeile post-header-line-1 befinden.
Schritt 4
Füge folgenden Code direkt darunter ein:
Du kannst das "Weiterlesen..." auch umbennen in sonst etwas, das dir beliebt, wie zum Beispiel "Mehr lesen..." oder eben das englische "Read more...".
Schritt 5
Gehe nun im Blogger Hauptmenü auf Einstellungen -> Formatierung -> Vorlage veröffentlichen.
In die Codebox gibst du folgenden Code ein:
Schritt 6
Wenn du jetzt einen Post schreibst gehe auf "Html bearbeiten". Dort siehst du nun den Code von oben. Das, was vor dem Klick auf "Weiterlesen..." zu sehen sein soll, schreibst du vor den Code. Das was danach zu sehen soll schreibst du in den Code. Hier ein Besipeiel:
Ich hoffe ihr bekommt das mit dem Read more hack so hin, denn es ist doch ein etwas schwierigeres und aufwendigeres Unterfangen. Wenn noch irgendwelche Fragen bestehen, dann könnt ihr die gerne in den Kommentaren stellen. Ich schau dann, ob ich helfen kann.
Meta Keywords und Meta Description hinzugefügt
Habe mir mal eben meine ToDo Liste vorgeknöpft und gleich mal einen Punkt davon erledigt. Und zwar habe ich meta keywords und eine meta Beschreibung in den html code meines Blogs eingefügt.
So soll der Googlebot das Blog besser zuordnen können, heißt es zumindest xD
Aber das ist noch nicht alles was ich gemacht habe, denn eine ganz entscheidende Sache hatte ich noch in meiner ToDo Liste vergessen.
Die Standardeinstellung von Blogger ist, dass vor jedem Posttitel in den Google Suchergebnisseiten erst der Blogtitel steht, also in der Form -> blogtitel.posttitel
Das ist eher unpraktisch, weil ja keiner bei Google nach deinem Blogtitel suchen wird. Damit die suchrelevanten Keywords weiter vorne stehen, ist es besser den Posttitel vor den Blognamen zu setzen, also so -> posttitel.blogtitel
Für diesen Post wäre es zum Beispiel anstatt "Brainfood: Meta Keywords und Meta Description hinzugefügt" ->"Meta Keywords und Meta Description hinzugefügt: Brainfood". Wenn der Posttitel zu lang ist, wird der Schlussteil nicht mehr angezeigt, womit das Brainfood am Ende meistens wegfällt. Dafür stehen die wichtigen Keywords wie "meta keywords" und "meta description" ganz vorne.
Ich hoffe das war jetzt einigermaßen verständlich ; )
Funktionieren tut das Ganze mit folgendem code:
Bei <"title"> und <"/title"> bitte die Anführungszeichen weglassen, denn anders konnte ich es nicht posten.
Der wird direkt hinter diesen Code eingefügt, welcher gleich nach <"head"> zu finden sein sollte (zumindest bei Blogger):
Hier nochmal meine aktualisierte ToDo Liste:
1. Header ertsellen - Fertig!
2. Favicon erstellen - Fertig!
3. Google Adsense in Posts - Feritg!
4. Template Konfiguration - Fertig!
5. meta keywords und meta content - Fertig!
6. Commentform under Post - Fertig!
7. Layer Ads - Ausstehend (erst viel später)
8. Andere Werbemittel - Ausstehend (demnächst schau ich mir Contaxe an)
9. Promotion, Backlinks sammeln etc. - Dabei
10. Richtige Artikel schreiben - Dabei, wie ich hoffe ; )
So soll der Googlebot das Blog besser zuordnen können, heißt es zumindest xD
Aber das ist noch nicht alles was ich gemacht habe, denn eine ganz entscheidende Sache hatte ich noch in meiner ToDo Liste vergessen.
Die Standardeinstellung von Blogger ist, dass vor jedem Posttitel in den Google Suchergebnisseiten erst der Blogtitel steht, also in der Form -> blogtitel.posttitel
Das ist eher unpraktisch, weil ja keiner bei Google nach deinem Blogtitel suchen wird. Damit die suchrelevanten Keywords weiter vorne stehen, ist es besser den Posttitel vor den Blognamen zu setzen, also so -> posttitel.blogtitel
Für diesen Post wäre es zum Beispiel anstatt "Brainfood: Meta Keywords und Meta Description hinzugefügt" ->"Meta Keywords und Meta Description hinzugefügt: Brainfood". Wenn der Posttitel zu lang ist, wird der Schlussteil nicht mehr angezeigt, womit das Brainfood am Ende meistens wegfällt. Dafür stehen die wichtigen Keywords wie "meta keywords" und "meta description" ganz vorne.
Ich hoffe das war jetzt einigermaßen verständlich ; )
Funktionieren tut das Ganze mit folgendem code:
Bei <"title"> und <"/title"> bitte die Anführungszeichen weglassen, denn anders konnte ich es nicht posten.
Der wird direkt hinter diesen Code eingefügt, welcher gleich nach <"head"> zu finden sein sollte (zumindest bei Blogger):
Hier nochmal meine aktualisierte ToDo Liste:
1. Header ertsellen - Fertig!
2. Favicon erstellen - Fertig!
3. Google Adsense in Posts - Feritg!
4. Template Konfiguration - Fertig!
5. meta keywords und meta content - Fertig!
6. Commentform under Post - Fertig!
7. Layer Ads - Ausstehend (erst viel später)
8. Andere Werbemittel - Ausstehend (demnächst schau ich mir Contaxe an)
9. Promotion, Backlinks sammeln etc. - Dabei
10. Richtige Artikel schreiben - Dabei, wie ich hoffe ; )
Abonnieren
Posts (Atom)