Die wichtigsten Links für Webmaster – unsere Top-Links 📑
Hier haben wir die wichtigsten Links für Webmaster auf einer Seite zusammengefasst, sozusagen unsere absolute Topliste. Nur die besten Webmaster-Seiten haben Platz in unserer HALL OF FAME!
Die nachfolgenden Top-Links haben wir fein säuberlich in Rubriken sortiert. Wir konzentrieren uns hier bewußt auf die absolut besten Links für Webmaster in dem jeweiligen Themenbereich.
abmahnbeantworter.ccc.de – Sie haben eine Abmahnung erhalten? Der Abmahnbeantworter kann Ihnen helfen, ein Antwortschreiben an den Abmahner zu erstellen. Hilft natürlich nur, wenn die Abmahnung unbegründet ist… Herausgeber ist der Chaos Computer Club – somit können Sie beim Abmahnbeantworter relativ sicher sein, eine gute Unterstützung bei der Abmahnung zu bekommen. Einen Anwalt kann der Abmahnbeantworter natürlich nicht ersetzen, d.h. bei einer kritischen oder hohen Abmahnung sollten Sie immer Rechtshilfe bei einem Anwalt suchen.
Wir empfehlen den Projekt-Manager für Webseiten von eRecht24.de. Mit dem Projekt-Manager erstellen Sie ein Impressum, eine Datenschutzerklärung, einen Cookie Consent Banner, ein Impressum für Social Media, eine Datenschutzerklärung für Social Media, einen Datenschutz für eine E-Mail-Signatur, eine AGB für Ihr Projekt sowie eine individuelle Widerrufsbelehrung.
Grafik – Grafiktools, Gestaltung, Online-Editoren
adobe.com/de/express – Adobe bietet, ähnlich dem Tool „Canva“, mit seinem kostenlosen Online-Tool Adobe Express die Möglichkeit, Bilder zu bearbeiten, diverse Designs selbst zu gestalten oder auf ein Portfolio toller Vorlagen zuzugreifen.
canva.com/de_de – Gestalten Sie online professionelle Designs! Top-Tool für die Gestaltung von Grafiken, Einladungen, Flyern, PDFs und vielem mehr!
designcap.com – Online-Designer, sehr benutzerfreundlich
EDIT.org/de – Online-Designer für Visitenkarten, Flyer, Banner, YouTube-Thumbnails, YouTube Channel Art, Logos, Facebook-Cover, Twitter-Header, Podcast,Cover, Infografiken, ID-Karten, Desktophintergründe mit Organizer und vieles mehr!
pexels.com/de-de – kostenlose Fotos, lizenzfreie Bilder und Videos
HTML, CSS, PHP, Javascript – kurz um alles rund um Code, Quelltext & Programmierung einer Webseite
drela.de/html5-befehle.html – der superpraktische HTML5-Mega-Spickzettel mit allen HTML5 Tags / Elementen, Vorstellung der neuen HTML5-Tags, Übersichten über nicht mehr unterstütze Tags und vieles mehr! Top-Tool
hosttalk.de – viele Infos rund um Webhosting, HTML & Co.
htmling.net – Einführung in HTML, CSS, PHP und MySQL der Schwerpunkt liegt im Bereich HTML. Das Projekt ist kindgerecht gestaltet, aber auch für Erwachsene als Einstieg sehr gut geeignet und leicht verständlich.
html-seminar.de – der Name ist Programm – leicht verständliche Anleitungen rund um HTML
internetkurse-koeln.de – Kurse zu HTML und CSS, Texten fürs Web und SEO sowie Workshops zu CMS WordPress bietet in Internetkurse Koeln an. Praxisnah und in Kleingruppen werden alle Kenntnisse zur Erstellung der eigenen Website vermittelt. Außerdem Kurse zur Nutzung von Facebook und Twitter.
webmaster-crashkurs.de – der Name der Webseite ist Programm – hier gibt es einen sehr schönen Webmaster-Videokurs. Anhand der Videos wird Schritt für Schritt der Bau einer Webseite erklärt. Zusätzlich finden sich viele schriftliche Infos zu HTML und CSS sowie Infos zum benötigten Webspace, zur Domain, zu Werkzeugen rund um die Webseitenerstellung sowie weitere Informationen.
wiki.selfhtml.org/wiki/SELFHTML – Selfhtml ist die Standard-Homepage rund um HTML. Hier gibt es wirklich alles rund um HTML, CSS und vieles mehr.
w3schools.com – jede Menge Tutorials für Webmaster, auf Englisch
Technik – alles rund um Hardware
elektronik-kompendium.de – Elektronik einfach und leicht verständlich. Viele Informationen rund um Elektronik, Computertechnik, Kommunikationstechnik und Netzwerktechnik für Schüler, Azubis und Studenten und alle anderen, die es interessiert.
Farben, Schriften, Design
designguide.at – Typographie, Logodesign und Farbauswahl. Sehr viele hilfreiche Informationen rund um das Thema Design und Logogestaltung.
emojipedia.org – finden Sie Emojis als reine Zeichen – Top-Tool für die kleinen bunten Icons, die aus reiner Schrift bestehen. Hier als Beispiele einige Tier-Emojis: 🐵🐒🦍🦧🐶🐕🦮🐕🦺🐩🐺🦊🦝🐱🐈🐈⬛🦁🐯🐅🐆🐴🫎🫏🐎🦄🦓🦌🦬🐮🐂🐃🐄🐷🐖🐗🐽🐏🐑🐐🐪🐫🦙🦒🐘🦣🦏🦛🐭🐁🐀🐹🐰🐇🐿️🦫🦔🦇🐻🐻❄️🐨🐼🦥🦦🦨🦘🦡🐾
encycolorpedia.com – hier finden Sie eine Non-Profit-Webseite rund um das Thema Farbe im Web und auf Webseiten. In der Rubrik Farben können Sie eine Farbe wählen oder über den Color-Picker auswählen. Endycolorpedia schlägt Ihnen nun optisch dazu passende Farben vor. Bei den Web Safe Colors werden die Farben aus der Urzeit des Webs vorgestellt, die relativ sicher auf allen Geräten in dem gewünschten Farbton angezeigt werden. Zudem kann bei diesen Farben die Definition auch als Klarname erfolgen, z.B. ist der Farbcode #ffffff auch mit dem Wort white als Farbangabe für die reine Farbe weiß definierbar. Bei den HTML-Color-Codes wird dies um weitere Farben erweitert. Unter der Rubrik Named Colors geht die Farbpalette inklusive der Farbbezeichnungen noch weiter ins Detail – wobei die hier angegebenen Klarnamen sicher nicht mehr web-safe sind… Spannend ist z.B. dass bei der Farbe Barbie-Pink Zeiträume definiert sind – dieser Farbcode hat sich im Laufe der Jahre geändert und daher nicht klar auf einen Farbcode definiert. Sehr cooles Portal für Webmaster, die sich bei der Farbsuche inspirieren lassen wollen. Ich kann mir sehr gut vorstellen, bei einem neuen Webprojekt mir anhand des Farbthema des Kundenlogos über Encycolorpedia passende ergänzende Farben herauszusuchen!
fonts.google.com – bei Google Fonts bekommen Sie unglaublich viele Schriftarten, in vielen verschiedenen Designs und soweit wir wissen allesamt kostenlos!
imagecolorpicker.com – hier können Sie ein Bild hochladen und dann mit dem Colorpicker den Farbcode an einzelnen Bildstellen herausfinden.
myfonts.com/de/pages/whatthefont – das Online-Tool What the Font identifiziert Schriftarten in Bildern. Vorteil: Sie können ein Logo hier hinaufladen und die verwendete Schriftart herausfinden, ideal wenn z.B. ein Logo überarbeitet werden soll, aber die bisher verwendete Schriftart weiter genutzt werden soll!
pickcoloronline.com – super Online-Tool – klicken Sie auf Pick Color und Sie können auf allen Ihren geöffneten Bildschirmen einen beliebigen Punkt anklicken und erhalten die Farbcodes genau zu diesem Bildpixel. Klasse um schnell und einfach Farben zu bestimmen und den HEX-Code der jeweiligen Farbe herauszufinden und dann z.B. in WordPress, Photoshop oder Canva zu nutzen, um eine Navigation etc. farblich an das Kundenlogo anzupassen! Kostenlos und ohne Downloads etc sofort nutzbar!
websitesetup.org – auf dieser englischsprachigen Webseite können Sie in Schritt-für-Schritt Anleitungen lernen, wie Sie eine eigene Internetseite erstellen. Es wird die Erstellung anhand der Content Management Systeme Drupal, Joomla und WordPress erklärt. Außerdem wird die Erstellung einer handgecodeten HTML5-Webseite erklärt.
zeichen.tv – sehr witzig gemachte Webseite, auf der nach Sonderzeichen gesucht werden kann, und zwar wie folgt: In einer Suchmaske geben Sie z.B. das Suchwort „Pfeil“ an. Nun kommen als Treffer 9 verschiedene Pfeile mit den jeweiligen Codes für den HTML-Quellcode. Beispiel für folgenden Pfeil: → (Pfeil rechts, Code →).
Ionos Webhosting – einer der größten Webhoster weltweit ist die Firma IONOS aus Karlsruhe in Deutschland. Im hochmodernen Rechenzentrum in Karlsruhe bekommen Sie vom preiswerten Einsteigerpaket bis zum eigenen Server alles, was das Webmasterherz begehrt. Unser Portal meine-erste-homepage.com ist seit über 20 Jahren bei IONOS (vorher 1&1 Webhosting) gehostet und wir sind bis heute super zufrieden!
Hier können Sie mit unserem Domaincheck sofort prüfen, ob Ihre Wunschdomain frei ist:
Die wichtigsten Google-Anlaufpunkte für Webmaster:
developers.google.com/analytics?hl=de – mit Google Analytics werten Sie Ihre Besucher aus und erhalten sehr ausführliche Statistiken über Besucher, Zugriffe, Suchbegriffe und vieles mehr
search.google.com/search-console/about?hl=de – mit der Google Search Console melden Sie Ihre Homepage bei Google an und erhalten zudem Informationen, ob Ihre Seite korrekt gefunden wird oder Fehler vorliegen
SEO und Validatoren – Tools um Webseiten auf Fehler zu überprüfen und für Suchmaschinen zu optimieren:
validator.w3.org – prüfen Sie Ihren HTML-Code auf Fehler beim W3C
sistrix.de – optimieren Sie Ihr Ranking, Ihre Sichtbarkeit und Ihre Webseiteninhalte mit Sistrix. Der Sichtbarkeitsindex von Sistrix ist quasi der Branchenstandard für Suchmaschinenoptimierung.