Bevor wir in diesem Buch voll in den „Cheetah“ Sitebuilder einsteigen, soll noch auf ein paar Tools bzw. Webplattformen hingewiesen werden, die Sie auf jedem Fall nutzen sollten und die wir auch explizit in den Beispielen verwenden werden. Sie sind für unsere Zwecke allesamt in der jeweils kostenlosen Form geeignet. Auf nützliche Browser-Erweiterungen (Chrome betreffend) wird später in dem jeweiligen Kontext eingegangen.
Wenn Sie es nicht schon getan haben, dann sollten Sie sich jetzt bei folgenden Webplattformen anmelden:
Eine gute Idee ist es, Bilder in eine Webseite direkt einzubetten. Eine bessere Idee ist es, seine Bilder zentral in einem Cloudspeicher zu halten und in den Webseiten nur darauf zu verlinken. Ein solcher nahezu idealer Cloudspeicher ist „Cloudinary“, den Sie als „Cheetah“ – Webdesigner auf jeden Fall nutzen sollten.
LINK: Cloudinary – digitale Medien in der Cloud speichern
Auch Canva muss man als Webdesigner einfach nutzen. Dieses Portal stellt kostenlos großartige Funktionen zur Verfügung, mit denen man alle möglichen Arten von Grafiken mit und ohne Beschriftung erstellen kann. Man suche einfach nach den besten Grafiken, Fotos und Schriftarten und verwende dann das drag‘n drop-Tool von Canva, um daraus ein eigenes, atemberaubendes Design zu erstellen. Da man selbst Vorlagen festlegen kann, kann man es ganz ausgezeichnet nutzen, um beispielsweise Share-Images für mit „Cheetah“ erstellte Webseiten mit wenigen Mausklicks zu erzeugen.
LINK: Canva – „die“ Plattform, wenn es um Bildgestaltung geht
Wenn Sie möchten, dass Ihre Website nach Veröffentlichung für ausgewählte Keywords gut – das heißt möglichst auf der ersten und zweiten Seite einer Suchmaschine wie Google oder Bing – rankt, sollten Sie bereits bei der Webseitenerstellung mit „Cheetah“ auf eine entsprechende Optimierung achten. Für den Anfang reicht das im PREMIUM-Plan verfügbare „SEO On-Page Reports“ – Tool völlig aus. Aber erwarten Sie damit keine Wunder. SEO ist eine Wissenschaft für sich. Um hier nicht auf verlorenen Posten zu stehen, sollten Sie sich mit dem Seobility-Webportal etwas näher beschäftigen. In der kostenlosen Basisversion können Sie eine von Ihnen festgelegte Domaine einmal komplett pro Tag crawlen, während Sie Einzelseiten generell immer analysieren können. Das Tool gibt eine ausführliche Einschätzung von deren Optimierungsstand bezüglich Technik, Struktur und Inhalt zurück. Kommentare und Hints gehen dabei ausführlich auf die gefundenen Probleme ein und geben Tipps, wie man sie vermeidet. Dieses Tool ist einfach ein "muss" für jeden Webentwickler!
LINK: Seobility – optimieren Sie Ihre Webseiten für Google und Co
Weiterhin ist es nützlich, wenn Sie ein leicht zu bedienendes Bildbearbeitungsprogramm zur Hand haben (beispielsweise IrfanView) sowie ein sogenanntes „Screen capture tool“, um schnell Screenshots anfertigen zu können. Hier hat sich u. a. „Techsoft Capture“ ganz gut bewährt.
Wenn Sie den Webbrowser Google Chrome verwenden (der zur Nutzung der Builderall-Plattform explizit empfohlen wird), dann sollten Sie als „Webentwickler“ auch ein paar Browser-Erweiterungen installiert haben (zu finden über den Google App Store). Dazu ohne Kommentar nur ein paar Anregungen:
Image Downloader (erlaubt das Herunterladen aller Bilder einer Webseite – Urheberrechte beachten!)
WhatFont (zum Ermitteln der Schriften (Fonts), die auf Webseiten verwendet werden – ein „muss“)
Measure Dimensions (erlaubt das „Ausmessen“ von Elementen auf einer Webseite)
ColorPick Eyedropper (Bestimmung der Farbe einer ausgewählten Stelle einer Webseite – ein „muss“)
Super History & Cache Cleaner (zum schnellen Löschen des Browser-Cache)
Code Cola (expliziter Zugriff auf die auf einer Webseite eingebundenen CSS-Dateien, die sich dann auch temporär ändern lassen – einfach einmal anschauen)
SEO META in 1 CLICK (nützliches Tool zur schnellen Prüfung von Meta-Daten einer Webseite)
SEOquake (zur Überprüfung der Website in Bezug auf Suchmaschinen-Optimierung)
Checkbot (schneller SEO-Test einer Website)
Window Resizer (zur Überprüfung des Aussehens der Website unter verschiedenen Bildschirmgrößen / Endgerätedisplays)