10 min read

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

Mit diesen Hacks machst du deinen Ghost Blog noch besser in Sachen Performance, Datenschutz und User Experience.
Ghost Hacks

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.

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.

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.
💡
DSGVO Hinweis: Im Sommer 2023 wird ein Nachfolger des Pricavy Shield (Trans Atlantic Privacy Framwork) und damit wieder eine Rechtsgrundlage für den Datentransfer in die USA erwartet. Wenn du vorher Probleme mit der Nutzung eines US-Dienstes bekommen solltest, könntest du jederzeit flexibel wechseln.

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:

💡
Was bedeuten die Attribute?

"noopener" ist ein Sicherheitsgewinn für jede Seite, da damit die geöffnete neue Seite keinen Einfluss auf die öffnende Seite haben kann.

"nofollow" und "sponsored" kennzeichnen Links, denen Suchmaschinen nicht folgen sollen (auch wenn sie es tun) und sagt ihnen, dass diese Links keinen Einfluss auf die Bewertung der Zielseiten haben sollen. Das ist bei Affiliate-Links der Fall. Wer das nicht macht, verstößt gegen die Google Richtlinien. Die Einbettung per Javascript ist nicht ideal (im Nachhinein), aber vermutlich besser als nichts. Die Einbettung per HTML lässt Ghost derzeit nicht zu.

"target=_blank" ist öffnet Zielseiten lediglich in einem neuen Tab und ist damit lediglich eine Funktion für eine bessere User Experience. So könnte der Text auch nach dem Klick weitergelesen werden und die Absprungrate der Seite sinkt.

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

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

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:

Dieser Beitrag ist nur für Pro Member and Academy Member zugänglich


Upgrade deinen Account und hole dir jetzt vollen Zugang zu diesem und anderen Beiträgen exklusiv für Pro Member and Academy Member. Mehr findest du in den Membership FAQ