Um uns unsere eigene Suche zu basteln, nutzen wir die benutzerdefinierte Suche von Google. Das Endresultat wird folgendermaßen aussehen:

Die folgenden Screenshots zeigen, wie man die Seitensuche auf seine Website einbaut:

1. Gehen Sie auf diese Website und klicken Sie auf "Passen Sie Ihre eigene benutzerdefinierte Suchmaschine an":

2. Füllen Sie die Felder aus und wählen Sie die passenden Optionen.

Zu beachten: wenn Sie möchten, dass Ihre gesamte Website durchsuchbar wird, geben Sie die URL folgendermaßen ein: www.mysite.com/*

3. Auf der nächsten Seite können Sie den Stil Ihrer Suchmaschine anpassen und sehen darunter auch schon gleich das Ergebnis als Vorschau. 

4. Jetzt können Sie einfach den ausgewählten Code per Strg+c kopieren, um ihn im nächsten Schritt in Ihre Website einzubauen.

5. Bauen Sie jetzt ein HTML Widget auf Ihre Website ein, wie hier am Beispiel von Weebly gezeigt.


Empfehlung für Profis: bauen Sie die Suchfunktion am besten gleich in das Template ein, so dass die Suche automatisch auf jeder einzelnen Seite verfügbar ist.

Im Falle von Jimdo kann man das Suchfeld auch in die Seitenspalte einfügen. Vorteil: die Seitenspalte wird auf jeder Unterseite gleich angezeigt. Hier findet ihr eine Jimdo-Seite, auf die die Suchfunktion eingebaut ist. Dort kann man auch sehen, wie großzügig Google die Suchergebnisse mit Werbung ausstattet - leider nicht so grandios.

Damit sich die Suchergebnisse in einem neuen Fenster öffnen, muss man übrigens noch diese Einstellung vornehmen.

6. Jetzt den Code in das Feld kopieren:

7. Wenn Sie den Code eingefügt haben, können Sie bereits Ihre neue Suchmaschine bestaunen. Fertig!

Übrigens gibt es hier einen tollen Tipp, wie man per Google Analytics tracken kann, was die Leute auf der Website suchen (leider nur auf Englisch).

Falls Ihr Fragen habt, bitte einfach einen Kommentar schreiben!

Diese Methode funktioniert den von uns getesteten Homepage-Baukästen wie Jimdo, Weebly und der 1&1 Do It Yourself Homepage. Alles was man dafür machen muss, ist es einen kleinen HTML-Schnipsel in die Seite einzufügen.

Das Video zeigt, wie das genau funktioniert:

> Hier geht's zu Tal.ki

Wer in seinem Jimdo-Blog nicht standardmäßig immer alle Artikel anzeigt, hat das Problem, dass ältere Einträge nur über die Sitemap auffindbar sind. Das Video zeigt, wie man diese Einschränkung umgehen kann.

Kleine Ergänzung zum Video - direkten Zugriff auf ältere Blogeinträge bekommen die Besucher über eine Verlinkung wie diese (rot markiert):

Wer seine Website mit einem Homepage-Baukasten erstellt, tut das häufig gerade, weil man dazu nicht programmieren lernen muss. Dennoch schadet es nicht, zu verstehen, was eigentlich hinter HTML steckt.

Dieses Video erklärt:

• wie HTML grundsätzlich aufgebaut ist
• was man unter einem Tag versteht
• wie eine Tabelle aufgebaut ist
• wie man HTML Code liest

Und hier finden Sie unseren Testbericht zur 1&1 Do-It-Yourself Homepage.

Zur Homepage von 1&1

Passend zur Weihnachtszeit haben wir heute ein winterliches Tutorial für euch.

Den Schneefall, den ihr hier auf dieser Seite sehen könnt, bekommt ihr ganz einfach auch auf eure eigene Homepage:

Jimdo

• Füge ein HTML Widget mit der nachfolgenden Zeile Code in die Seitenspalte ein. Wenn du den Schneefall nur auf einer Seite haben möchtest, kannst du den Code auch in die Hauptspalte einbauen.
  <script type="text/javascript" src="http://lightbox.websitetooltester.com/snow/snow.js"></script>

Webnode, Weebly oder andere Systeme

• füge den oben genannten Code in das Template nach dem öffnenden BODY-Tag ein
• alternativ, kannst du auch auf jeder Seite, auf der du den Schnee haben willst, einzeln ein HTML Widget mit dem Code einfügen

Hinweis: die notwendige Grafik und die Funktion befinden ist auf dem WebsiteToolTester.com Webspace. Dort werden die Dateien auch bleiben, du musst sie also nicht unbedingt auf deinen eigenen Webspace laden.


Die Funktion stammt von Rasmus.
 

Bitte beachten: diese Funktion kann unter Umständen zu Konflikten mit anderen Java Script Anwendungen führen. Normalerweise kannst du das einfach beheben, indem du den Code wieder entfernst. Wir können keine Gewähr dafür übernehmen. In der Regel sollte es damit aber keine Probleme geben.

Webnodes Sprachfunktion im Einzelnen

Grund-Setup

Fügt man bei Webnode eine neue Sprache hinzu, kann man entscheiden, ob man alles neu aufbauen will oder die bestehenden Texte kopieren möchte. Normalerweise ist das Kopieren sinnvoll, da es viel einfacher ist nur noch die Texte auszutauschen, als die Seiten inklusive Bildern neu aufzubauen.

Darstellung der Sprachoptionen

Die Sprachoptionen werden immer rechts oben angezeigt und das ist auch genau der richtig Ort. So machen es meisten mehrsprachigen Homepages. Bei der Darstellung kann man zwischen dreierlei Optionen wählen: als Text, als Flaggen oder als Dropdown Box.

Es gibt einen guten Grund, warum wir uns für die (möglicherweise ein wenig nüchterne) Textdarstellung entschieden haben: Flaggen sind ein Zeichen für Länder und nicht für Sprachen. Sieht ein Amerikaner eine englische Flagge, ist dieser geneigt zu denken, dass es auf der darunterliegenden Seite Informationen speziell für Großbritannien gibt. Mehr dazu in diesem Artikel (danke an unsere tolle Übersetzerin Sarah für diesen wichtigen Hinweis).

Und gegen das Dropdown sprach aus meiner Sicht, dass man nur "Deutsch" sieht, wenn man auf der deutschen Seite surft. Beispielsweise würde ein Kanadier, der nicht weiß was "deutsch" heißt, dort nicht zwangsläufig die Sprachwahl vermuten.

Automatische Spracherkennung der Besucher

Landet man auf der Startseite, entscheidet Webnode anhand der Systemsprache des Computers welche Sprache angezeigt wird. Bei uns bekommen nur Besucher mit der Systemsprache Deutsch, die deutsche Homepage, alle anderen bekommen Englisch. Sehr praktisch!

Festlegung der Systemhinweise

Auch feste Menübegriffe, das Kontaktformular und Hinweise bei Login-Seiten können angepasst werden. Systemseiten, wie die 404 Fehlerseite können ebenfalls angepasst werden.

Suchmaschinenoptimierung

Genau wie in der Standardsprache ist es auch möglich auf der übersetzten Seite Meta-Tags, die URL Zeile und den Seitentitel anzupassen.

Und hier noch ein ganz kurzes Video, das zeigt, wie man in Webnode eine andere Sprache bearbeitet:

Fazit

Bei der Sprachfunktion hat sich Webnode mächtig ins Zeug gelegt. Es ist einfach und macht Spaß damit zu arbeiten. Eine mehrsprachige Website kann man auch bei allen anderen Homepage-Baukästen einrichten - genaueres finden Sie in den Testberichten des jeweiligen Homepage-Baukastens beim Punkt Sprachenumfang. So komfortabel gelöst wie Webnode hat es aber sonst keines der Tools.

Webnode hat wirklich an alles gedacht, nun fast alles: den Slogan "Creating your website has never been easier", den Sie auf unserer Seite ganz oben sehen, hätten wir eigentlich ganz gerne auf Deutsch belassen. Leider lässt der Editor das nicht zu. Aber wie sie sehen, können wir damit äußerst gut leben.

Verwandter Artikel

Hier erklären wir, wie sie einen guten Übersetzer für Ihre Website finden
 

1. Wähle auf dieser Seite eine Stadt aus.




 

2. Wähle jetzt eine Kategorie oder eine bestimmte Veranstaltung, die du gerne auf deiner Website zeigen möchtest
   
   

 

3. Auf der rechten Seite gibt es nun diese Box. Klicke auf "Design anpassen".
   

 

4. Jetzt noch das Widget für deine Seite anpassen:
   

 

5. Den HTML-Code dann noch als HTML-Widget auf deine Seite einfügen. Als Höhe hat bei uns 1000px übrigens gut funktioniert. Sonst bekommt man einen sehr unschönen Scroll-Balken, was ich vermeiden würde.
   
   
   Screenshot: Jimdo
   
   Hinweis: es kann sein, dass du zuerst den Vorschaumodus deines Homepage-Baukastens verlassen musst bevor es korrekt dargestellt wird.

 

6. Auf unserer Demoseite könnt ihr die Sache nochmal ansehen. Dort gibt es einmal eine Kategorieübersicht und eine Detailseite. Pupula bietet auch noch ein Countdown-Widget, leider konnten wir das aber in drei verschiedenen Homepage-Baukästen nicht zum Laufen bringen.

Viel Spaß beim Basteln!