»Das Echte, das Ehrliche und du«

Schwindelzettel

Wenn man einen Elefanten essen will, muss man ihn in kleine Teile schneiden! So eine neue Website ist ein umfangreiches Unterfangen und man weiß nicht, wo einem der Kopf steht... Mit unserem Schwindelzettel klappt es sicher gut. die Website ist präsentiert und die Einschulung auf das Content Management System ist absolviert. Und jetzt? Ich würde mir jetzt eine todo-Liste machen und bei der ersten Seite anfangen und bei der letzten Seite aufhören:

Domain

Bitte erkundigt euch, wer eure Domain verwaltet. Und lasst uns bitte eine email oder Telefonnummer des Domainverwalters zukommen! Wir setzen uns dann mit ihm in Verbindung.

Zur Erklärung: der Domainverwalter kann die IP des Servers, wo die neue Website liegt, eingeben.

Überschriften und Vorspänne

passen die Überschriften (h1) und die Einleitungstexte (h2)?
gerade diese zwei Bereiche sind in auf der einen Seite für den Surfer im WorldWideWeb wichtig, um sich gut orientieren zu können und in weiterer Folge für die Suchmaschinenoptimierung wichtig
Überschriften, wie "Willkommen bei uns!" sind nicht sehr zweckmäßig, weil zu abertausenden in ähnlicher Form vorhanden
die Überschriften (h1) sollen sich vom Titel (Fenstertitel, meta-title) unterscheiden
die Einleitungstexte (h2) sollten Wörter enthalten, die sich auf das Hauptthema der Notiz beziehen. Sie eignen sich ideal als Einführung in das Thema dieser Seite

Karussell und Kopfbilder

das Auge isst mit - und das nicht nur in der Gastronomie!
hab ich für mein Karussell auf der Startseite oben gute Bilder?
wenn ja, zurechtschneiden auf 2560 x 700 px, .jpg, Qualität: 80%
wenn nein, Bilder fotografieren, einen Drohnenbesitzer um Aufnahmen aus luftiger Höhe bitten oder den TVB um einen Zugang zu seinen tollen Bildern bitten
Copyright-Informationen beachten und ggf. im Impressum erwähnen
das Web ist immer noch ein Bilderbuch, deshalb sind scharfe, aussagekräftige Bilder im Kopfbereich so wichtig

ein Verzeichnis anlegen

Damit man sich auch nach längerer Zeit im webEdition zurechtfindet, empfiehlt es sich, Verzeichnisse anzulegen. Verzeichnisse anlegen ist nicht schwer - hier die Schritte

anlegen unter der Navigation: Neu / Verzeichnis / Dokumenten Verzeichnis
unter "Verzeichnisname" den Namen eingeben
unter "Verzeichnis" den Ordner in seiner Hierarchie bestimmen

bitte beachten

keine Umlaute
keine Leerzeichen
statt Unterstriche bitte Bindestriche
keine großgestellten Buchstaben (nur Kleinschreibung)

bei Bildern kann man die Verzeichnisstruktur gleich für eine Suchmaschinenoptimierung vorbereiten

statt media/div/ ist media-ribishof/zimmer-in-tirol/bauernstube-mit-flair.jpg deutlich aussagekräftiger

Bilder hochladen

in der Navigation auf Neu / Medien / Grafik klicken
anschließend das Bild auf den Bereich "Drag-n-Drop Upload" ziehen
anschließend auf "hochladen" klicken

Bilder-Dateinamen und Pfade

bei der Benennung der Bilddatei wird es aus der Suchmaschinensicht wieder sehr spannend
die Versuchung ist groß, beim Hinzufügen vieler neuer Bilder den originalen Dateinamen beizubehalten
dies ist für die interne Kommunikation und Funktion der Webseite unerheblich
für die Indexierung durch Google jedoch und damit das SEO (engl. für Suchmaschinenoptimierung) für Bilder, spielt der Dateiname eine große Rolle
sucht ein Nutzer beispielsweise in der Google Bildersuche nach dem Automodell XY, werden Bilder mit dem Dateinamen “automodell-xy-2023.jpg” grundsätzlich höher gerankt, als Bilder mit generischen Namen, wie etwa “Foto_1_12_2023.jpg”
als Dateiname sollte immer auf das Bild Bezug genommen werden, keine Leerzeichen, keine Umlaute! Also z.B.: aussenansicht-appartment-zangerl.jpg
durch den Dateipfad bis hin zum Bild schaut das dann auch für Google interessant aus: z.B.: https://appartment-landeck.at/media/freizeit/sommer/spass-fuer-kinder.jpg

Bildformate

JPEG: für Portraits, Landschaften und co.

Das JPEG-Format ist der Klassiker unter den Bilddateien. Es gehört wie auch das PNG oder GIF Format zu den Rastergrafiken. Das heißt, dass die einzelnen Pixel eines Bildes in einem Raster angeordnet sind. Das JPEG-Format ist vielseitig einsetzbar und eignet sich besonders für bunte und kontrastreiche Farbfotos. Portraits, Landschaften, Räume,...

PNG: für Logos und Transparenzen

Wie das JPEG-Format gehört auch das PNG zu den Rastergrafiken. Eine Besonderheit des PNGs ist, dass es zwei Varianten des Formats gibt. Das PNG8 Format kann nur 256 Farben darstellen. Im Gegensatz dazu kann das PNG24 Format, genau wie JPEGs, bis zu 16,7 Millionen Farben darstellen. Zudem können PNGs transparente Bereiche darstellen. Sie eignen sich daher zur Darstellung von Logos oder auch von Texten und Bildern mit Flächen gleichbleibender Farbe...

SVG: Vektorgrafiken

Im Gegensatz zu den beiden vorherigen Formaten handelt es sich bei SVG-Dateien um Vektorgrafiken. SVG Dateien sind besonders für Logos oder Grafiken geeignet und sehr speicherarm

das title-tag bei Bildern

das Title-Tag, ebenfalls Teil des img-Tags, ist für das Bilder SEO weniger ausschlaggebend, jedoch dennoch sinnvoll
der Inhalt des Title-Tags wird in einem kleinen Popup-Textfeld neben dem Mauszeiger angezeigt, sobald dieser längere Zeit über dem Bild bleibt
aus Bilder SEO Sicht sollte jedes Element ein Alt-Tag besitzen – nicht nur zur Steigerung des SEO für Bilder, sondern auch für die Bildschirmlesegeräte blinder Besucher
das Title-Tag hingegen kann in vielen Fällen weggelassen werden

Links setzen ist nicht schwierig

html heißt Hyper Text Markup Language und bedeutet: elektronische Dokumente mit Bilder, Text und Hyperlinks. Im webEdition lassen sich diese Links ganz einfach setzen:

Begriff schreiben, der dann verlinkt werden soll
Begriff markieren
jetzt schwebt über dem markierten Begriff ein Popover
hier die Weltkugel wählen
ein Dialog wird gezeigt

jetzt müssen Sie nur bestimmen, um was für einen Link es sich handelt

Externer Link: z.B.: http://apple.com
Interner Link: auf ein anderes Dokument innerhalb der eigenen Website
E-Mail: ist selbsterklärend
Telefon: 0043676123456 (keine Sonderzeichen, keine Leerzeichen)
Objekt: auf ein Datenbank-Objekt innerhalb von webEdition

aufgepasst:

bei externen Links empfiehlt es sich, als Linkziel "_blank" zu definieren - damit wird der externe Link auf einer neuen Seite geöffnet
will man statt einem Textlink einen optisch ansprechenden Button, findet man diesen unter "CSS style" mit der Bezeichnung "btn btn-button" o.ä.

News-Inhalte

Was bietet TVB und ähnliche Institutionen und meine Mitbewerber an News für dieses Jahr an?

Events
Feste und Festivals
Konzerte
Märkte
Bälle
Kirchtage
Trainingslager
Vorträge
Lesungen
Lehrpfade
Erlebnistouren
Workshops
Kinoprogramm
Kurs
uvam

Das was zu eurem Betrieb passt, als News auf eurer Website einbauen. Fotos machen oder vom Anbieter erbitten. Effizient ist, wenn man dieses wenige Male im Jahr macht und dann mit dem webEdition-eigenen Scheduler zeitsteuert. So hat man regelmäßig News anzubieten und die Website verstaubt nicht gleich. Außerdem will man ja in Kontakt mit seinen Gästen bleieben und Wiederholungstäter ermutigen, immer wieder auf der Website vorbeizuschauen. Oft lernt man mit der eigenen Website den Ort, den Bezirk und die Region richtig kennen und kann dies auf der eigenen Website hinausposaunen.

News aus Sicht von Google

Google liebt lebendige Seiten und guten Content

Google bewertet es sehr positiv, wenn Bewegung auf Ihrer Seite ist und Sie regelmäßig neue Inhalte veröffentlichen. Denn so erkennt Google (und natürlich auch andere Suchmaschinen), dass die Seite aktuell ist, User immer wieder neue Inhalte auf Ihrer Seite finden können, sie weiter interessant bleibt und sich auch für häufigere Besuche eignet.

Mehr Seitenzugriffe durch aktuelle Inhalte

Mit aktuellen Inhalten gewinnen Sie neue User: Die Zahl der Besucher wächst mit jeder Veröffentlichung von Neuigkeiten auf Ihrer Webseite. Sind Ihre Inhalte hochwertig, potenzieren sich die Userzahlen. Immer mehr User stoßen auf die Artikel und setzen immer mehr externe Links, wodurch Google die Website noch einmal höher einstuft und die Sichtbarkeit Ihrer Seite weiter zunimmt und mehr User auf Ihre Seite aufmerksam werden … und so weiter.

News: ganz oder gar nicht

Wichtig ist allerdings: Wenn Sie News und/oder einen Blog einsetzen, müssen Sie regelmäßig und dauerhaft neue Inhalte produzieren. Wenig wirkt so unprofessionell, wie das letzte Newsupdate von vor einem Jahr.

Text-Inhalte

„Ich schreibe dir einen langen Brief, weil ich für einen kurzen keine Zeit habe.“

Johann Wolfgang von Goethe

Also bitte Texte schreiben und nicht nur Aufzählungslisten. Nicht zu lange, aber eben auch nicht zu knapp. Um einen guten kurzen Text zu schreiben müssen wir uns vorab Gedanken dazu machen, was er enthalten muss, in welcher Reihenfolge berichtet werden soll und was man getrost weglassen kann.

Getreu dem Motto:

Es kann nicht wichtig sein, wenn es nicht auf eine Seite passt.

das Wichtigste zuerst

Oft fängt man beim Impressum an, arbeitet sich durch die langweilgen AGBs und hat dann viel gemacht aber das Wichtigste außen vor gelassen...

also ich würde dem Pareto-Prinzip vertrauen und 80 % der Arbeit in die Startseite und meine Leistungen/Angebote investieren und 20 % in den Rest
dann würde ich schauen, ob die Adressdaten passen, nichts ist ärgerlicher als wenn die Adresse nicht stimmt oder die Telefonnummer klemmt oder das Buchungstool nicht funktioniert

Tests und Korrekturen

Sieben Augen sehen mehr als zwei. Also bitte Nachbarin, Schwiegermutter und Haushaltshilfe bitten, die Website anzuschauen und eine Liste an Verbesserungen, Ergänzungen und Korrekturen aufzuschreiben. Und diese dann gleich umsetzen. Ich persönlich bin Freund des Ausdruckens. Also: Websiten ausdrucken und bei einem Kaffee locker und flockig korrigieren und ergänzen und kürzen. Dann hab ich eine große todo-Liste, die ich aber auch Punkt für Punkt auf der finalen Website umsetzen muss.