Der schnelle Weg zur professionellen Website

Transkript

1 Der schnelle Weg zur professionellen Website Diese Check-Liste entstand als Begleitmaterial zu dem Kurs "Der schnellste Weg zur professionellen Website", der regelmäßig an der Volkshochschule Rostock stattfindet. Copyright Dirk Rüdiger Dieser Text steht unter einer Creative Commons Lizenz und darf bei Namensnennung unverändert für nichtkommerzielle Zwecke nachgenutzt werden. Zuerst: Gedanken machen Autoren der Website Wer steht hinter der Website: Ich, mein Verein, meine Firma? Zielgruppe der Website Wen will ich mit der Website erreichen? Wer soll das lesen/kaufen/ ansehen? Ziele der Website Was will ich mit der Website erreichen? Funktionen innerhalb der Website Welche Funktionen soll meine Website enthalten? "Einfache" Visitenkarte Tagebuch Galerie Forum Shop Interaktion mit dem Besucher: Kommentare, Gästebuch oder Kontaktformular Zu erwartende Kosten Webhosting (monatliche Kosten) Kaufen des Domainnamens von einem Vorbesitzer? Kosten für Bilder, Texte und sonstige Nutzungsentgelte Bannerwerbung? Werbung auf anderen Seiten schalten? Ziel: Professionell gestaltete, erweiterbare Website. Mindestens so: Auswahl eines Anbieters Recherche im Internet Zum Beispiel als erste Anlaufstelle. Recherche nach optimalem Angebot, Prüfen im Forum. Empfehlungen von Bekannten (aber anschließend recherchieren und eigenes Urteil bilden) Seite 1 von 12

2 Empfehlungen von Bekannten (aber anschließend recherchieren und eigenes Urteil bilden) Im Kurs wird DrupalGardens genutzt. Das ist ein Web-Dienst, der "in der Cloud" kostenlos eine auf Drupal basierende Website bereitstellt. Später kann die konfigurierte Website auch exportiert und auf "eigenem" Server oder bei ausgewähltem Webhosting-Anbieter installiert werden. Eigene Website bei DrupalGardens.com einrichten Seite aufrufen und auf "Create a free site" klicken Anmeldeformular ausfüllen bei Site-URL den Namen der Website eingeben. Beispiel: "ferienhausamdeich" Site-URL darf nur Kleinbuchstaben und Ziffern enthalten. Eigene -Adresse und einen gewünschten Benutzernamen eingeben. Features auswählen Hier werden die Funktionen ausgewählt, die in der neuen Website gewünscht werden Mindestens: Media Gallery, Blog, News, Contact us, About Optional auch: "Comments", "Stay Notified" für Kommentare Deutsche Sprachanpassung installieren Von die Version "7.0-beta1" in der Sprache "German" anklicken und die sich anzeigende Datei als "drupal-7.0.de.po" im Downloads-Ordner speichern Sollte der Datei beim Speichern die Endung ".txt" angehängt werden, dann muss diese wieder entfernt werden. Die Datei muss die Endung ".po" haben. Unter "Verwalten > Module" das Modul "Locale" aktivieren und speichern. Unter "Verwalten > Configuration > Languages" über den Link "Add language" die Sprache "German" hinzufügen und anschießend in der Liste der aktivierten Sprachen als "Default" kennzeichnen. Unter "Verwalten > Configuration > Translate interface" über den Link "Import" die gerade gespeicherte Sprachdatei "drupal-7.0-beta1.de.po" in die Sprache "German" importieren. Tipp: Einzelne weitere Zeichenfolgen können unter "Verwalten > Konfiguration > Oberfläche übersetzen" über den Link "Übersetzen" übersetzt werden. Verwaltungsbereich der Website Die Verwaltungsoptionen sind am oberen Rand der Website zu finden. Im weiteren Text beziehen sich Menüpunkte, die mit "Verwalten >" beginnen, auf dieses Menü. Seite 2 von 12

3 Verwaltungsbereich der Website Die Verwaltungsoptionen sind am oberen Rand der Website zu finden. Im weiteren Text beziehen sich Menüpunkte, die mit "Verwalten >" beginnen, auf dieses Menü. Im Abschnitt "Verwalten > Inhalt" können Beiträge, Kommentare und Medien verwaltet werden Im Abschnitt "Verwalten > Struktur" können Strukturelemente (z.b. Blöcke, Beitragstypen, Medientypen und das Kontaktformular) verwaltet werden Unter "Verwalten > Design" kann das Aussehen der Website einfach angepasst oder frei gestaltet werden. Seite 3 von 12

4 Unter "Verwalten > Design" kann das Aussehen der Website einfach angepasst oder frei gestaltet werden. Unter "Verwalten > Benutzer" können weitere Benutzer angelegt und deren Berechtigungen eingestellt werden. Unter "Verwalten > Module" können Funktionen der Website aktiviert oder deaktiviert werden. Unter "Verwalten > Konfiguration" können allgemeine Parameter der Website und vieler hinzugefügter Module angepasst werden. Dies ist der umfangreichste Verwaltungsbereich. Seite 4 von 12

5 Unter "Verwalten > Konfiguration" können allgemeine Parameter der Website und vieler hinzugefügter Module angepasst werden. Dies ist der umfangreichste Verwaltungsbereich. Unter "Verwalten > Berichte" kann der Zustand der Website ermittelt werden. Die wichtigsten dieser Berichte sollten regelmäßig geprüft werden. Unter "Verwalten > My Sites" gelangt man zur Liste der eigenen DrupalGardes- Websites. Im Abschnitt "Verwalten > Hilfe" erhält man umfangreiche Hilfe zu DrupalGardens. Derzeit leider vorrangig in Englisch. Allgemeine Werte der Website konfigurieren Unter "Verwalten > Konfiguration > Website Informationen" den Namen der Website und den Slogan der Website anpassen. Unter "Verwalten > Design" die Gestaltung der Website anpassen. Unter "Verwalten > Übersichtsseite" die Übersichtsseite (Dashboard) anpassen. Mit "+ Dashboard anpassen" können neue Blöcke zur Übersicht hinzugefügt werden. Seite 5 von 12

6 Allgemeine Werte der Website konfigurieren Unter "Verwalten > Design" die Gestaltung der Website anpassen. Unter "Verwalten > Übersichtsseite" die Übersichtsseite (Dashboard) anpassen. Mit "+ Dashboard anpassen" können neue Blöcke zur Übersicht hinzugefügt werden. Die erzeugten URL-Pfade für die Beiträge anpassen Unter "Verwaltung > Konfiguration > Suche und Metadaten > URL-Aliase > Einstellungen für automatischen Alias" kann eingestellt werden, wie die zu einem Beitrag generierten URL-Pfade gestaltet sind. Im Abschnitt Pfadeinstellungen für Beiträge die zu generierenden Pfade für neue Beiträge anpassen: "[node:title]" (ohne "content/"). Unter "Verwaltung > Konfiguration > Suche und Metadaten > URL-Aliase" wird ein Alias definiert, der von "suche" auf "search" und von "kontakt" auf "contakt" verweist. So können deutsche Versionen von vordefinierten Pfaden angelegt werden. Die Übersichtsseite Die Übersichtsseite ("Dashboard") bietet einen schnellen Überblick über den Konfigurations- und Bearbeitungsstand einer Website und ist idealer Startpunkt für die Arbeit an der Website. Die Übersichtsseite kann unter "Verwalten > Struktur > Übersicht" angepasst werden, in dem die gewünschten Blöcke auf der Seite angeordnet werden. Vorhandene Inhalte nicht mehr veröffentlichen Unter "Find content" alle vorhandenen Beiträge markieren und die Aktion "Veröffentlichung zurücknehmen" auswählen, auf "Aktion" klicken. Alle ausgewählten Beiträge sind nun nicht mehr von "außen" erreichbar. Seite 6 von 12

7 Vorhandene Inhalte nicht mehr veröffentlichen Unter "Find content" alle vorhandenen Beiträge markieren und die Aktion "Veröffentlichung zurücknehmen" auswählen, auf "Aktion" klicken. Alle ausgewählten Beiträge sind nun nicht mehr von "außen" erreichbar. Beiträge erstellen Unter "Add Content" die folgenden Beiträge von Typ "Seite (Basic Page)" erstellen "Willkommen" Wird unsere neue Startseite "Über uns" Selbstdarstellung des Unternehmens/Anbieters. gern ausführlich "Anreise" Wegbeschreibung, einen "Google Maps"-Kartenauschnitt einbetten, das erleichtert dem Besucher die Reiseplanung "Impressum" Wird nach Telemediengesetz benötigt, kann mit Unterstützung von Impressum-Generatoren erstellt werden. Suche auf Google nach "Website Impressum" für Informationen oder Generator "Preise" Wenn etwas verkauft oder zur Miete angeboten werden soll, dann kann eine Preisliste oder Verweis auf individuelle Angebotserstellung sinnvoll sein. Ein neues Menü unter "Verwalten > Struktur > Menü" anlegen Menü mit dem Namen "Service" anlegen Die Beiträge "Preise" und "Anreise" erstellen und beide Beiträge im Menü "Service" eintragen. Webdesign anpassen Unter "Verwalten > Design" kann ein vorinstalliertes Theme eingestellt und an die eigenen Bedürfnisse anpassen. Seite 7 von 12

8 Webdesign anpassen Unter "Verwalten > Design" kann ein vorinstalliertes Theme eingestellt und an die eigenen Bedürfnisse anpassen. Das Design kann unter "Brand" angepasst sowie ein Logo hinzugefügt werden. Unter "Layout" kann die Spaltenanordnung der Webseite geändert werden. Beispiele: Beide Seitenspalten auf einer Seite, auf jeweils einer Seite, nur eine der Seitenspalten oder gar keine Seitenspalte. Unter "Advanced" kann das Design im Detail angepasst werden. Dafür sind Detailkenntnisse der CSS-Gestaltung notwendig. CSS = Cascading Style Sheets, die Formatierungsanweisungen einer HTML-Seite Ein eigenes Theme installieren drupal.org themes themegarden.org Kontaktformular einrichten Ein Kontaktformular (Kategorie "General feedback") ist bereits eingerichtet. Unter Verwalten > Strukturierung > Kontaktformular mit "+ Kategorie hinzufügen" eine neue Kategorie hinzufügen. Wird im Feld Automatische Antwort etwas eingetragen, so wird an den Kontaktsuchenden automatische eine mit diesem Inhalt versendet. Medien verwalten Unter "Verwalten > Inhalt" können im Tab "Media" Medien hinzugefügt und bearbeitet werden. Seite 8 von 12

9 Medien verwalten Unter "Verwalten > Inhalt" können im Tab "Media" Medien hinzugefügt und bearbeitet werden. Es können unter "+Add file" Bilder, Audio-Dateien, Videos und Dokumente hochgeladen werden. Auf "+ Add files" klicken und Bilddateien auf der lokalen Festplatte auswählen. Mit "Start upload" werden die Dateien auf den Server übertragen und in die Medienbibliothek eingeordnet. Medien können dann an einzelne Beiträge angehängt oder in eine Bildergalerie eingefügt werden. Gute Quellen für Bilder: Eigene Aufnahmen :) Frei benutzbare Fotos Nur Fotos, die unter Creative Commons-Lizenz stehen, dürfen bei Nennung des Namens des Autors weiter verwendet werden. Flickr - creativecommons Picasa Web Galerie (auf Copyright achten!) Bilddatenbanken (Stock Photos) Bilder für kleine Beträge (ab 1 /Bild) zu haben. Fotolia - de.fotolia.com istockphoto - Bildergalerie erstellen Unter "Add content" einen Beitrag vom Typ "Galerie" anlegen. Man kann einstellen, wie eine Galerieseite aussehen soll und ob ein Galerie-Block hinzugefügt werden soll. Seite 9 von 12

10 Bildergalerie erstellen Unter "Add content" einen Beitrag vom Typ "Galerie" anlegen. Man kann einstellen, wie eine Galerieseite aussehen soll und ob ein Galerie-Block hinzugefügt werden soll. Nun mit "+Add Media" Bilder, Videos, Audios oder Dokumente zu der Galerie hinzufügen Unter "Verwalten > Struktur > Blöcke" den Galerie-Block zu einer Seitenspalte hinzufügen. Es können mehrere Galerien angelegt werden. Benutzereinstellungen anpassen Unter Verwalten > Benutzer > Rollen wird die Rolle Autor angelegt Berechtigungen unter "Verwalten > Benutzer > Berechtigungen > Rollen" so setzen, dass ein Benutzer mit der Rolle "Autor" Texte erfassen und bearbeiten kann. Unter Verwalten > Benutzer wird ein Benutzer eingerichtet, der die Rolle Autor inne hat. Zukünftig meldet man sich zum Bearbeiten der Website- Inhalte mit diesem Benutzernamen an. Suchmaschinenfreundlichkeit verbessern. Das meint die Optimierung der Website für die Auswertung durch Suchmaschinen. Nun muss überprüft werden, wie gut die generierten HTML-Seiten für die Verarbeitung durch Suchmaschinen geeignet sind. Prüfen, wie gut eingerichtet die Seite ist: Werden URL-Pfade generiert (Modul 'pathauto') Werden Meta-Tags auf den HTML-Seiten eingefügt (Modul 'nodewords') Wird die XML-Sitemap an Suchmaschinen geliefert (Modul 'xmlsitemap') Wurde Spam-Vorkehr getroffen (Modul 'catcha') Fehlermeldung bei nicht vorhandenen Seiten verbessern... Unter "Verwaltung > Konfiguration > System" kann eingestellt werden, welche "Seite für Fehler 403 (Zugriff verweigert)" und "Seite für Fehler 404 (Seite nicht gefunden)" angezeigt werden soll. Wenn das Modul Search 404 installiert ist, dann kann man unter Verwalten > Konfiguration > Search 404 einstellen, dass beim Aufrufen einer nicht vorhandenen Seite (HTTP Fehler 404) dem Gast das Suchformular mit den passenden Suchwörtern angeboten wird. Analyse der Website Ziel: Informationsgewinn Wie viele Leute waren zu welchem Zeitpunkt auf meinen Seiten Welche Auswirkungen haben welche redaktionellen Aktivitäten Wie viele Besucher auf meiner Seite haben auch gekauft Suchen, wo andere (vergleichbare) Anbieter registriert sind und wie meine Seite platziert ist, z.b. mit info:ferienhausamdeich.drupalgardens.com in Google- Suche Webmaster-Tools der Suchmaschinenbetreiber bietet umfangreiche Informationen zur Bewertung der Website Seite 10 von 12

11 Suchen, wo andere (vergleichbare) Anbieter registriert sind und wie meine Seite platziert ist, z.b. mit info:ferienhausamdeich.drupalgardens.com in Google- Suche Webmaster-Tools der Suchmaschinenbetreiber bietet umfangreiche Informationen zur Bewertung der Website Analyse der Websites mit "Google Analytics" und dem "Google Analytics"- Modul in Drupal sind möglich, aber von mir nicht zu empfehlen. Prüfen der Website auf Spam-Abwehr Es muss nur eine der Optionen "Mollom" oder "Captcha" aktiviert werden. Mollom aktivieren Konto auf mollom.com anlegen Modul "Mollom" untr "Verwalten > Module" aktivieren und einrichten. Captchas installieren Diese können nur aktiviert werden, wenn die Website nicht auf DrupalGardens.com betrieben wird. Dort steht dieses Modul nicht bereit. Unter "Verwalten > Module" das Modul "Text Captcha" oder "Image Captcha" aktivieren Unter Verwalten > Benutzerverwaltung > Captcha kann man einen Prüfmechanismus aktivieren, um sicher zu stellen, dass ein Kommentar oder ein von einem menschlichen Benutzer und nicht von einem Programm (Spam bot) ausgefüllt wird. Captcha blendet bei Eingabefeldern eine Rechenaufgabe oder ein Bild schwer erkennbaren Zeichenfolgen ein, die der Benutzer wiederum eingeben muss. Ein Programm kann diese Aufgabe (derzeit) nicht lösen. Bekanntmachen der Website Ziel: Aufmerksamkeit für die Website schaffen Verwenden von Schlagwörtern Das Modul "Nodewords" installieren, um Meta-Tags für die HTML-Seite zu generieren. Diese Meta-Tags werden von Suchmaschinen bei der Bewertung der Website herangezogen. Prüfen der Website mit der SEO Checklist Website anhand von Best Practices bewerten/prüfen. Interaktion mit den Besuchern der Seite Kommentare, Gästebuch,... Auf Kommentare antworten Immer wieder aktuelle Inhalte hinzu (Besucher und Suchmaschinen mögen das) Links von anderen Seiten auf die eigene Seite schaffen Keine Linkfarmen nutzen! Nur seriöse Wege gehen Suchmaschinenbetreiber haben genau festgelegt, welche Mittel zur Optimierung der Treffer möglich sind suchradar.de Anmelden der Website bei Suchmaschinen Die Websuchaschinen finden eine Website nicht unbedingt von Selbst, sie müssen darauf hingewiesen werden. Zufälligkeit vermeiden, sondern Webistes konsequent anmelden. Module "XML Sitemap" und "Site verification" installieren Die XML-Sitemap ist unter der Adresse "/sitemap.xml" auf der Website erreichbar. Der Verification Code wird von der Suchmaschine angegeben. Unter "Verwaltung > Konfiguration > Suche und Metadaten > Verifications" die Verification-Informationen für die Suchmaschinenbetreiber eintragen (nach der Anmeldung bei den Suchmaschinenbetreibern) Unter "Verwaltung > Konfiguration > Suche und Metadaten > XML sitemap" kann die Sitemap angepasst werden, ist jedoch gut voreingestellt. Website bei den Suchmaschinenbetreibern anmelden Google: google.com tools Yahoo: siteexplorer.search.yahoo.com mysites Windows Live: webmaster.live.com Seite 11 von 12

12 Website bei den Suchmaschinenbetreibern anmelden Windows Live: webmaster.live.com Anmelden in Verzeichnissen (z.b. web.de, dmoz.org) Annoncieren auf Portalen und in Communities Hausaufgaben für Webadmins Sichtung der Logmeldungen "Verwalten > Berichte > Neue Log- Einträge" Berichte unter "Verwalten > Berichte" betrachten. Unter "Verwalten > Berichte > Statusbericht" kann man sich über den Zustand der Website informieren. Unter "Verwalten > Berichte > Aktuelle Protokollnachrichten" kann man die neuesten Protokolleinträge ansehen. Einspielen von Drupal- und Modul-Aktualisierungen sowie Sicherheitsaktualisierungen Status der Modulaktualität unter " Verwalten > Berichte > Verfügbare Aktualisierungen" Es kann eine -Benachrichtigung für zu aktualisierende Module unter "Verwalten > Berichte > Verfügbare Aktualisierungen > Einstellungen" eingerichtet werden Recherche zu den Suchergebnissen mit den gewünschten Suchwörtern (z.b. "Drupal + Rostock") bei den Suchmaschinen Prüfen der Kommentare auf Spam-Einträge Wie weiter? DrupalGardens erlaubt es auch, einen eigenen Domainnamen (z.b. "ferienhausamdeich.de") anzulegen. Kostenfreie Version bis zu 2000 Seiten und 4000 Seitenabrufen je Tag, dann größere Limits gegen Geld Unter "Verwaltung > Konfiguration > System > Site export" kann die gesamte Website (Dateien und Datenbank" herunter geladen und auf einem eigenen Server oder bei einem Hosting-Anbieter der eigenen Wahl weiter betrieben werden. Lesestoff Webseiten erstellen mit Drupal 7 - Content - Layout - Administration von Karl Deutsch, ISBN , 288 Seiten, 30,00 Drupal 7: Das Praxisbuch für Ein- und Umsteiger von Nicolai Schwarz, ISBN , 469 Seiten, 34,90 Seite 12 von 12