OpenGraph: Facebook » Web Design · Communication · Storytelling » Brand Artery

Was Sie schon immer
wissen wollten...

...aber nie zu fragen wagten? Klären Sie die typischen offenen Punkte, bevor wir in unser Projekt springen und Ihr neues Zuhause im Internet bauen!

FAQ: Häufig gestellte Fragen.

Eine neue Website zu kreieren dauert gewöhnlich zwischen 4 und 6 Wochen. Damit wir die Fristen einhalten, müssen wir beide unsere Hausaufgaben machen: Zum Beispiel benötige ich Zugang zu Ihrem Hosting und evtl. anderen Diensten, oder Texte, Bilder, Videos, Tonmaterial.

Das ist nicht die Art von SEO, die ich mache. Es gibt zwei Arten von SEO: On-Page und Off-Page.

Was Brand Artery bietet

Das Brand Artery-System garantiert Ihnen felsenfeste On-Page-Suchmaschinenoptimierung (Search Engine Optimization, SEO). Dies bedeutet, dass Ihre Website korrekt indexiert und von Suchmaschinen akzeptiert wird, eine ansprechende Vorschau an soziale Medien liefert, lückenlos konfiguriert und gründlich optimiert ist.

Dazu gehören moderne technische und gestalterische Anforderungen wie SSL-Verschlüsselung, Geschwindigkeitsoptimierung, mit Schlüsselwörtern (Keywords) angereicherte Überschriften und Inhalte, vollständige Metatitel, Beschreibungen und alt-tags für Bilder, Beitrags- oder Seitenbilder, responsives Design (für Mobilgeräte) und Ihr Favicon (was ist das?).

Dazu richte ich Ihre Website bei Google Search Console ein und gebe Ihnen Admin-Zugriff.

Off-Page-SEO: Kurzanleitung

Mit Off-Page-SEO können Sie die besten Platzierungen in Suchmaschinen erzielen. Dazu gehört eine umfassende Marketingstrategie mit möglicherweise vielen Kampagnen, und es gibt Marketingagenturen, die sich darauf spezialisiert haben.

Hier ist ein kurzer Überblick über das Feld.

Angenommen, Sie haben Ihre Marktforschung durchgeführt, Ihre Nische herausgearbeitet und Ihre Zielgruppe mit ihren Bedürfnissen und Merkmalen klar definiert. Jetzt können Sie Off-Page-SEO praktizieren, um Ihren Online-Fußabdruck zu erweitern:

Platzieren Sie Anzeigen bei Google, in sozialen Medien, in der Presse und anderswo, verbessern Sie Ihre Sichtbarkeit durch Backlinks (was ist das?), führen Sie eine umfassende Keyword-Recherche durch (was ist das?) und optimieren Sie Ihre Inhalte entsprechend, erstellen Sie Landing Pages für Keyword-Targeting und registrieren Sie sich in lokalen Geschäftsverzeichnissen, pflegen Sie Ihren Google my Business-Eintrag, sammeln Sie Erfahrungsberichte, machen Sie Kampagnen in sozialen Medien und starten Sie einen Blog, um häufig Inhalte zu veröffentlichen, die für Ihr Publikum wertvoll sind.

Vergessen Sie nicht, in der realen Welt zu werben! Ihre Visitenkarten, Broschüren, Flyer und andere Marketingmaterialien sollten Menschen auf Ihre Website schicken und sie dazu bringen, ihren Freunden von Ihnen zu erzählen. Sprechen Sie mich darauf an.

Suchmaschinen sehen, wenn Ihre Webpräsenz, Ihr Ruf und Ihre Autorität wachsen. Dann verbessern sich auch Ihre Rankings.

Nicht unbedingt. Ich bin sicher, dass DIVI, Elementor und Co. hochwertige, professionelle Produkte sind.

Ich habe 2016 angefangen, Beaver Builder zu verwenden, und seitdem keine Minute bereut. Das Tool macht das Erstellen und Verwalten von Websites einfach, ohne den Prozess zu verflachen.

Es gibt Ihnen die Autonomie, selbst etwas zu ändern, ohne durch den Tech-Dschungel zu müssen oder einen Entwickler einzustellen!

Gleichzeitig bietet der Builder uns Webdesignern volle kreative Kontrolle und die Flexibilität, unseren eigenen Code zu verwenden, wenn wir die Funktionalität erweitern möchten.

Beaver Builder ist stabil, schnell und zuverlässig, verfügt über einen erstklassigen Kundenservice und eine Community von Tausenden von sachkundigen, technisch versierten Webdesignern, mit denen man sich austauschen kann.

Nein. Meine Erfahrung mit dem Beaver Builder Page Builder reicht bis 2016 zurück und ich kenne die Funktionen, die Benutzeroberfläche und die Feinheiten der Software in- und auswendig. Ich weiß auch, welche Macken zu erwarten und zu umgehen sind.

Das gilt nicht für andere Page Builder. Ihr Einsatz würde den Umfang und die Kosten unseres Projekts erheblich erweitern, und am Ende hätten wir dennoch schlechteres Produkt, als ich mit der Software hätte liefern können, in der ich Experte bin.

Nein. Das Brand Artery-System kann nicht zerlegt oder mit anderen Komponenten gemischt werden.

Gerne adaptiere ich Ihre existieren Inhalte wie Text und Bilder. Strukturell wird jedoch jede Website, die von jemand anderem gestartet wurde, als ein echtes Brand Artery-Projekt von Grund auf neu erstellt.

Mein System ist eine komplette Entwicklungslösung mitsorgfältig ausgewählten Komponenten, die maximale Funktionalität und Flexibilität gewährleisten. So erhalten Sie das hohe Qualitätsniveau, das ein Kunde von Brand Artery erwarten sollte.

Ja. Responsive Design, die Kunst, dynamische Websites zu bauen, die auf jeder Bildschirmgröße funktionieren und glänzen, ist längst eine Notwendigkeit, und ich beherrsche sie.

Ja! Ich greife auf meine Erfahrung im Journalismus seit dem Jahr 2000 zurück, um ansprechende, gut strukturierte, suchmaschinenoptimierte Textinhalte für Ihre Website zu erstellen. In den 2010er Jahren habe ich mich zudem auf das Verfassen von Texten für das Web spezialisiert. Der schriftliche Inhalt Ihrer Website basiert auf von Ihnen bereitgestelltem Material und Interviews, die wir gemeinsam durchführen.

Ich biete Texterstellung und Übersetzungsdienste in Deutsch und Englisch an. Ich bin ausgebildeter Linguist und lebenslanger Stiftzauberer, arbeite seit 2000 im Journalismus, habe Deutsch und Englisch studiert, 10 Jahre in Montreal verbracht, 7 Jahre in der Lokalisierung von Videospielen gearbeitet und lebe heute zu 100% zweisprachig.

Am Ende von Phase 1 unseres Projekts (Konzeption) liefere ich Ihnen ein schriftliches Angebot mit einer vollständigen Aufschlüsselung des Projektumfangs, der Fristen und der Preise. Sie zahlen 50% des Preises. Die zweite Hälfte wird fällig, wenn die Website fertig ist und wir beide damit zufrieden sind.

Dieses Thema freut mich besonders und ich bin mir sicher, Sie werden es super finden! Dank Beaver Builder ist es ein Kinderspiel, Änderungen an Ihrer Website vorzunehmen. Sehen Sie den Builder in diesem Trailer in Aktion.

Wenn Ihre Website fertig ist, stelle ich Ihnen eine kurze Videoserie zur Verfügung, in der die Grundlagen von WordPress und das Bearbeiten von Text, das Hinzufügen von Bildern, das Schreiben von Blog-Posts und vieles mehr erläutert werden.

Wenn Sie etwas komplexeres tun müssen, können Sie sich in den Foren oder auf Facebook an die große und sachkundige Beaver Builder-Community wenden. Darüber hinaus bin ich natürlich immer für Sie da.

Für Ihre neue Website erstelle ich eine Datenschutzerklärung, ein Impressum und ein Cookie-Banner mit detaillierter Cookie-Erklärung. Dazu benutze ich die Generatoren von ActiveMind und das WordPress-Plugin Complianz. Beispiele dafür sehen Sie auf dieser Website.

Ich habe mich ausführlich über Datenschutzrecht informiert und versuche, auf dem neusten Stand zu bleiben. Dennoch gilt: Ich bin kein Anwalt und kann Ihnen keine juristische Unbedenklichkeit garantieren.

Um ganz sicher zu gehen, empfehle ich Ihnen, mit einem Datenschutzbeauftragten z.B. von www.mein-datenschutzbeauftragter.de zu arbeiten.

Ihre Website wird mit dem beliebten, kostenlosen und leistungsstarken Open-Source-Tool Matomo ausgestattet, das auf die Berücksichtigung der DSGVO ausgelegt ist. Es handelt sich um eine selbst gehostete Lösung, die Besucherstatistiken und andere Web-Analytics ähnlich wie Google Analytics bereitstellt. Es bietet jedoch den Vorteil, dass es nicht mit den Servern von Google kommuniziert. So gehören die Daten ausschließlich Ihnen und die Privatsphäre Ihrer Benutzer ist geschützt.

Auf Wunsch richte ich stattdessen Google Analytics ein.

Ich verwende ein WordPress-Plugin namens Shield Security, das eine Firewall, Login-Schutz, Spamfilterung, Zwei-Faktor-Authentifizierung, reCAPTCHA, IP-Blacklisting, Datei-Scan und mehr bietet.

Außerdem füge ich Ihrer .htaccess-Datei manuell HTTP-Sicherheitsheader hinzu, die die Sicherheit Ihrer Site noch weiter erhöhen, z.B. indem sie Browser zwingen, nur über HTTPS zu kommunizieren, Code-Injection-Angriffe blockieren oder auf Ihrer Website verwendete Zertifikate validieren.

Ich verwende UptimeRobot, um die Verfügbarkeit Ihrer Website zu überwachen, damit wir schnell reagieren können, wenn sie jemals längere Zeit ausfällt.

Natürlich garantiert keines dieser Dinge 100% Sicherheit. Deshalb mache ich Backups Ihrer Website, wenn ich vorbeikomme.

Wenn Sie monatliche Backups und WordPress-, Theme- und Plugin-Updates wünschen, kontaktieren Sie mich bezüglich meines Carefree Care-Vertrags. Damit erhalten Sie auch immer die neuesten Funktionen und Upgrades aus dem Brand Artery-Angebot.

Absolut! Ich verwende das WordPress-Caching-Plugin Breeze, um Ladegeschwindigkeiten zu optimieren, und das a3 Lazy Load-Plugin, um sicherzustellen, dass Bilder auf Ihrer Website nur geladen werden, wenn sie in die Ansicht scrollen. Auf diese Weise wird Ihre Website flott und bietet eine exquisite User Experience.

Nachdem ich im Laufe der Jahre zahlreiche Caching- / Performance-Plugins verwendet hatte, darunter W3 Total Cache, WP Super Cache oder Swift Performance, stellte ich fest, dass Breeze die beste Kompatibilität und Geschwindigkeit bietet und gleichzeitig schlank und zuverlässig ist.

Die Geschwindigkeit Ihrer Website hängt jedoch von vielen Faktoren ab, z. B. von der Servergeschwindigkeit oder dem Serverstandort Ihres Hosting-Unternehmens und der Entfernung zum Benutzer. Diese Faktoren liegen außerhalb meiner oder Ihrer Kontrolle (es sei denn, Sie möchten zu einem anderen Host wechseln).

So viele wie nötig, um eine Website zu erstellen, mit der Sie 100% zufrieden sind! Nach meiner Erfahrung sind in der Regel 1-2 Revisionsrunden während eines Projekts ausreichend.

Gewöhnlich entwickle ich Ihre neue Website auf einer so genannten "Staging"-Umgebung, die Sie jederzeit mit einer eigenen URL erreichen können: zum Beispiel https://lemon.brandartery.com.

Wenn die Website fertig ist, migriere ich sie zu Ihrer Zieldomain, z.B. www.meinewebsite.de, wo sie ab dann in ihrer Live-Umgebung lebt. Dort erledige ich u.a. die folgenden Kniffe für Sicherheit, Vollständigkeit, Benutzerfreundlichkeit und SEO Ihrer Website:

  • Externe Fonts zur Website migrieren (Self-Hosting)
  • Verschlüsselung: Einrichtung SSL, HTTPS
  • HTTP Security Headers: Einsatz in .htaccess
  • Aktivierung von reCAPTCHA in Formularen
  • Absicherung mit WordPress-Plugin Shield
  • Einrichtung Ihres Favicons für alle Geräte
  • Erstellung von Cookie-Banner und -Erklärung
  • Einrichtung von Web-Analytics mit Matomo
  • Geschwindigkeitsoptimierung mit Breeze
  • Freigabe an Suchmaschinen zur Indexierung
  • Anmeldung bei Google Search Console
  • Anmeldung: Live-Monitoring mit UptimeRobot
  • Rundum-Test: on-Page SEO, Funktionalität
  • Vollständige Sicherungskopie der Website

Diese Schritte sind nutzlos während der Entwicklung oder funktionieren erst in der Live-Umgebung korrekt. Deshalb werden sie nicht vorher unternommen.

Eventuell überspringen wir in Ihrem Projekt die Staging-Umgebung und ich baue Ihre Website direkt auf Ihrer Zieldomain.

In diesem Fall finden die meisten obigen Schritte schon zum Beginn der Entwicklung statt (z.B. Security Headers, SSL, reCAPTCHA, Absicherung, Favicon...).

Ja, aber es gibt klassische Fehler zu vermeiden und Best Practices, die Sie befolgen sollten. Dieses Video gibt einen Überblick. Zusammenfassung:

Lizenz

  • Stellen Sie sicher, dass Sie das Foto oder die Rechte daran besitzen.

Dateinamen

  • Sollten deskriptiv sein. new-york-central-park.jpg, nicht IMG_4495.jpg.
  • Vermeiden sie Leerzeichen in Dateinamen. new-york.jpg, nicht new york.jpg.
  • Vermeiden Sie Sonderzeichen, (&, %, $, ä, é, ...), v.a. wenn sie nicht im englischen Alphabet vorkommen.
  • Schreiben Sie zur Einheitlichkeit alles klein. new-york.jpg, not New-York.jpg.

Datei-/Bildgröße

  • Halten Sie sie klein, unter 300 KB falls möglich.
  • 2000 Pixel Höhe/Breite ist mehr als genug.

Metadaten gehören zum Kern Ihrer On-Page-SEO und sind essenziell. Es handelt sich um eine Reihe von Texten oder Bildern, die Elementen auf Ihrer Website zugewiesen sind, um sie zu beschreiben. Ihre Seiten enthalten beispielsweise Metatitel und Beschreibungen, die in den Suchergebnissen von Google angezeigt werden:

seo metadata google title desc en » Brand Artery » Ihr Freelance-Webdesigner in Saarbrücken: Matt

Seiten und Beiträge brauchen außerdem so genannte OpenGraph-Metadaten für soziale Medien. Dadurch können die richtigen Vorschaubilder, Titel und Beschreibungen geladen werden, wenn jemand Ihre Inhalte auf Facebook, Twitter, Instagram, WhatsApp, Skype etc. teilt.

SEO: Metadata on Facebook / OpenGraph Image, Description and Title · Web Design, Photography & Branding Studio · Brand Artery

Obendrein haben die Bilder auf Ihrer Website so genannte "Alt-Tags", die beschreiben, was auf dem Bild zu sehen ist. Diese Texte werden z.B. von Screen-Reader-Software für Blinde benutzt, oder von Suchmaschinen für die Bildersuche:

imgm alt tags on Google's image search · Web Design, Photography & Branding Studio · Brand Artery

  1. Klicken Sie in Ihrem WordPress-Dashboard auf Beiträge > Erstellen
  2. Klicken Sie am oberen Bildschirmrand auf Ansicht anpassen
  3. Stellen Sie unter "Boxen" sicher, dass "Yoast SEO" aktiviert ist
  4. Scrollen Sie nach unten zum Feld "Yoast SEO"
  5. Geben Sie eine Fokus-Schlüsselphrase ein, die den Inhalt Ihres Beitrags beschreibt, z.B. "Schokoladenpudding Rezept"
  6. Klicken Sie auf "Snippet bearbeiten" (Edit snippet)
  7. Schreiben Sie einen deskriptiven, schlüsselwortreichen, relevanten Titel und eine Beschreibung für Ihren Beitrag. Stellen Sie sicher, dass diese nicht zu kurz oder zu lang sind. Die Leiste unter Ihren Eingabefeldern muss grün sein (nicht orange oder rot).
  8. Klicken Sie oben im Feld "Yoast SEO" auf "Sozial".
  9. Fügen Sie den Titel und die Beschreibung, die Sie geschrieben haben, in die Felder "Titel" und "Beschreibung" für Facebook und Twitter ein
  10. Klicken Sie bei "Facebook Bild" bzw. "Twitter Bild" auf "Bild hochladen".
  11. Wählen Sie die OpenGraph-Bilder aus, die ich für Facebook und Twitter vorbereitet habe, indem Sie "Facebook" oder "Twitter" in das Suchfeld oben rechts eingeben

Alternativ können Sie Ihre eigenen Bilder als OpenGraph-Vorschaubilder verwenden.

Befolgen Sie in diesem Fall unbedingt die Richtlinien in der obigen Frage: "Kann ich einfach ein Foto auf meine Website hochladen?"

Suchmaschinen wie Google und Co. möchten ihren Benutzern die besten Antworten auf ihre Fragen liefern.

Deshalb: Produzieren Sie Qualität! Achten Sie darauf, dass in Ihrem Text die Wörter vorkommen, die Ihr potenzieller Kunde in Google eingibt.

Das gilt besonders für Seitentitel, Metabeschreibung (s.o.) und Überschriften im Inhalt.

Wer nach "Hundesalon Saarbrücken" sucht, wird Seiten finden, auf denen die Wörter "Hundesalon" und "Saarbrücken" prominent vorkommen.

Eine Homepage ist die Startseite Ihrer Website, während der Begriff "Website" die gesamte Website beschreibt.

Das Favicon, das auch als Verknüpfungssymbol, Website-Symbol, Tab-Symbol, URL-Symbol oder Lesezeichen-Symbol bekannt ist, wurde 1999 eingeführt. Es war ursprünglich das kleine Symbol, das sich links vom Titel Ihrer Website in Browser-Tabs befindet.

Heute ist es so entwickelt, dass es in vielen verschiedenen Szenarien auftritt, z.B. in Lesezeichen oder auf Smartphone-Bildschirmen. Mit dem Real Favicon Generator-Service stelle ich sicher, dass Ihr Favicon in allen Gebieten korrekt dargestellt wird:

Favicon examples · Web Design, Photography & Branding Studio · Brand Artery

Die 404-Seite (auch als "HTTP 404", "404 nicht gefunden", "404", "Seite nicht gefunden" oder "Server nicht gefunden" bezeichnet) ist eine Standardseite, die angezeigt wird, wenn bestimmte Inhalte auf einer Website nicht gefunden werden. Dies kann passieren, wenn Sie eine URL falsch eingeben oder versuchen, auf einen nicht mehr vorhandenen Link zuzugreifen. Diese Seite sollte benutzerfreundlich sein, d.h. klare Informationen darüber liefern, was passiert ist und was der Benutzer als nächstes tun könnte. Hier ein Beispiel.

Stellen Sie sich vor, Ihre Website ist ein Haus, das Sie bauen wollen:

  • Die Domain ist Ihre Adresse. Beispiel: www.ichbiniminternet.de.
  • Der Webspace, den ein Webhost zur Verfügung stellt, ist Ihr Grundstück.
  • WordPress ist das funktionale Fundament Ihrer Website, das auf dem Webspace (d.h. Grundstück) aufgesetzt wird.
  • Plugins sind eine Reihe von Tools, die in WordPress eingesetzt werden, um der Website erweiterte Funktionalität, Features, Optimierungen und Stabilität zu ermöglichen.

Die folgende Infografik und das nachstehende Video bieten einen schnellen Überblick bzw. eine detaillierte Erklärung:

Domain and Hosting erklärt · Web Design, Photography & Branding Studio · Brand Artery

Wie arbeite ich? Welche Dienste biete ich an und was kosten die? Erfahren Sie mehr!