15 Ghost Hacks, mit denen dein Ghost Blog noch besser wird

Seit kurzem nutze ich Ghost als Blog CMS und bin sehr happy damit. In diesem Beitrag verrate ich dir, mit welchen Handgriffen ich meinen Blog noch besser gemacht habe in Sachen Performance, Datenschutz (DSGVO) und User Experience. Ich verzichte außerdem gänzlich auf ein Cookie-Consent-Tool und schaffe 100 % beim Google Lighthouse Pagespeed Test. 💪

Übersicht

1. Installation auf eigenem Server
2. Kostenlos/günstig E-Mails verschicken
3. NoFollow Link Attribut und Öffnen in neuem Tab
4. Link Shortener für Affiliate Links
5. Mehr Conversions mit Signup Links in Texten
6. YouTube Bilder mit Play-Button statt Embeds
7. Inhaltsverzeichnis / interne Links
8. Javascript für die Suche lokal installieren
9. Google Fonts & Gravatar deaktivieren
10. Umgang mit Unsplash Bildern
11. Bilder vor dem Upload komprimieren
12. Bookmarks richtig nutzen
13. Spamfilter von Ghost für E-Mail Versand anpassen
14. Cookie-loses Tracking nutzen
15. Wichtige Hinweise zum WordPress Import

Installation auf eigenem Server ohne CDN

Ghost ist zwar eine Open Source Software, wird aber auch als hosted Version von Ghost.org selbst angeboten. Für das Hosting auf eigenem Server sprechen zwei wichtige Faktoren:

• DSGVO-konformität: Ghost und viele andere Dienstleister nutzen Digital Ocean (Hoster) und Cloudflare (CDN). Beides sind USA Firmen und hat in Deutschland schon zu Abmahnungen durch die Datenschutzbehörde geführt (bei mir selbst).
• Preisvorteil: Ghost.org berechnet Preise abhängig der Anzahl von Nutzern / E-Mail Abonnenten. Beispiel: Für 5.000 Subscriber bei Ghost.org zahlst du bereits 65 USD / Monat. Als self-hosted Variante zahlst du weiterhin deinen Standard-Hosting-Tarif unabhängig vom Pricing. Ich zahle für diesen Blog hier 7,50€ / Monat bei Hetzner.

Ich empfehle unbedingt einen Server in Deutschland zu verwenden. Die meisten Ghost-Hosting Services (auch die aus der EU) verwenden Digital Ocean als Hoster (USA) und damit auch Cloudflare als CDN (ebenfalls USA) für eine schnellere Auslieferung in DE. Das CDN kannst du dir sparen, wenn der Server gut und nah genug an deiner Zielgruppe ist (z.B. in Deutschland, wenn du einen Blog auf Deutsch betreibst).

Ghost Hosting: Wie du Ghost in DE und DSGVO-konform nutzt

Mit diesen Ghost Hosting Angeboten kannst du Ghost kostengünstig auf einem Server nach Wahl installieren, auch in Deutschland.

LSWWChristian Häfner

Günstige / kostenlose E-Mail Anbieter

Um Ghost ordentlich nutzen zu können, benötigest du zwei Arten von E-Mails:

• Transaktionale E-Mails (Pflicht, für z.B. Signup E-Mails, Registrierung, etc.)
• Newsletter E-Mails (Optional)

Günstige transaktionale E-Mails kannst du mit Brevo* (aus Frankreich / DSGVO konform) verschicken. Bis 300 E-Mails pro Tag ist der Service komplett kostenlos! Weitere Alternativen (ebenfalls teilweise kostenlos) findest du in meinem E-Mail Marketing Tool Vergleich.

12 E-Mail Marketing Anbieter aus der EU im Vergleich

Nutze ein E-Mail Marketing Tool oder Newsletter Tools aus der EU! Diese Anbieter im Vergleich sind DSGVO-konform & gut für kleine Unternehmen.

LSWWChristian Häfner

Nicht so flexibel bist du bei Newsletter E-Mails. Da diese Integration nur per API möglich ist, bist du hier auf die Integration von Ghost angewiesen. Aktuell geht das nur mit Mailgun* (US-Anbieter). Zum Glück gibt es dort aber noch ein "Pay as you go"-Preismodell, bei dem du nur rund 80 EUR Cent (1 USD) pro 1000 E-Mails bezahlst. Die ersten 1000 pro Monat sind sogar ganz kostenlos. Wie du den Tarif aktivierst, kannst du hier nachlesen:

Mailgun ohne Grundgebühr für 1 USD / 1000 E-Mails nutzen

Mailgun hat 2022 die Preise angezogen. Auf den ersten Blick kostet der günstigste Tarif nun 35 USD / Monat. So kannst du weiterhin auf den Flex Tarif ohne Grundgebühr downgraden.

LSWWChristian Häfner

NoFollow, Affiliate Links und öffnen in neuem Tab

Standardmäßig sind alle Links bei Ghost DoFollow-Links und öffnen sich im selben Tab. Das ist besonders bei Affiliate Links oder sponsored Links ein Problem (auch für Google). Um das zu lösen, nutze ich folgendes Snippet als globale Code Injection (Settings -> Code Injection -> Footer):

<script type="text/javascript">
var links = document.getElementsByTagName("article")[0].querySelectorAll('a');
var a = new RegExp('/' + window.location.host + '/');
links.forEach((link) => {
if(!a.test(link.href)) {
link.setAttribute("target","_blank");
}
if(link.href.includes('https://go.lsww.de')) {
link.setAttribute("rel","noopener sponsored");
}
if(link.href.includes('https://www.youtube.com/watch')) {
link.setAttribute("rel","noopener nofollow");
}
});
</script>

Der Code könnte sicher besser sein, aber das ist das, was ich mit ChatGPT als Nicht-Entwickler hinbekommen habe. Das Javascript funktioniert jedenfalls und macht bei mir drei Dinge:

• Externe Links werden mit dem Zusatz target="_blank" in einem neuen Tab geöffnet
• Links, die auf https://go.lsww.de zeigen, bekommen den Zusatz rel="noopener sponsored"
• Links, die auf https://www.youtube.com/watch zeigen, bekommen rel="noopener nofollow" mitgegeben.

Ändere die Links entsprechend nach deinen Bedürfnissen! So sieht das dann in der Praxis aus:

Link Shortener für Affiliate Links nutzen

Für meine Affiliate-Links nutze ich einen Link Shortener auf meiner Subdomain go.lsww.de . Hierüber maskiere ich unschöne Affiliate Links (Cloaking) und werte Klicks aus. Günstig geht das mit Open Source Tools wie

• yourls.org
• shlink.com

Es gibt aber auch jede Menge hosted Services (wie auch bitly.com), falls du nicht selbst hosten willst oder kannst.

Signup Links in Texten verwenden

Erhöhe die Signup Conversion in deinem Content, indem du an jeder beliebigen Stelle im Text einen Signup Link einbaust. Nutze dafür einfach /#/portal als Zusatz in deinem Link. Wenn du den Link nur so einbaust, führt er zur Startseite und öffnet dort das Popup für das Kundenportal / Signup Formular. Falls du nicht möchtest, dass der Leser die Seite verlässt, füge die aktuelle Text URL mit diesem Zusatz als Link ein. In diesem Text würde der Link also so aussehen:

https://lsww.de/ghost-hacks/#/portal

Wenn ein Nutzer bereits angemeldet ist, öffnet sich er Kundenaccount. Für Nicht-User öffnet das Signup Formular als Popup. Probier es hier mal aus.

YouTube Bilder mit Play-Button statt Embeds

Ich nutze Ghost komplett ohne Cookie-Consent-Tool. Dafür ist es wicthtig, keine externen (US) Dienste wie YouTube, Instagram, Giphy, etc. einzubinden. Auch für die Performance ist das super! Damit YouTube-Videos doch sinnvoll dargestellt werden, habe ich folgende Lösung implementiert: