Tipps für die Webseiten-Erstellung
Rund ums Webdesign
Alles für die Weebly Website
Die Richtige Domain auswählen
denic.de Die aktuelle Deutsche Domainabfrage – whois seowirkt.de Die fünf größten Fehler bei der Domainauswahl Oles Domain Tipps Wie der Name schon sagt, hier gibt es Tipps zur richtigen Domain Auswahl. Ideal sind kurze, leicht zu merkende Kunstwörter als Domain-Name. Zum Beispiel die Anfangbuchstaben des Firmenmottos. Am besten mit nur einer möglichen Schreibweise. Der Name sollte gut aussprechen, gut zu merken und vor allen einzigartig sein. Icons
Alles über Favicons
|
Günstige Fotos & GrafikenÜber 1.000.000 kostenlose Fotos, Vektoren und Illustrationen zum Download findet man bei pixabay.com.
Laut Pixabay sind: "Alle Bilder und Videos auf Pixabay sind frei von Urheberrechten unter Creative Commons CC0 veröffentlicht. Du kannst diese kostenlos herunterladen, verändern und für beliebige Zwecke verwenden, auch in kommerziellen Anwendungen. Eine Namensnennung ist nicht erforderlich." Viele Fotos auf dieser Seite sind von pixabay.com. Fotos für die Speisekarten gibt es bei: lebensmittelfotos.com Wikipedia Fotos für die Website nutzen mit Hilfe des Lizenzhinweisgenerator.de, einen Wikimedia-Tool zur sicheren Nutzung von Creative-Commons-Bildern. |
Schnell Textwolken erstellen
Tolle Textwolken für die eigene Website oder sonstige Dokumente (zum Beispiel für PowerPoint oder Word-Dokumente) sind schnell und einfach erstellen mit wordle.net.
Schriften für die Website
GoogleFonts bei Google gibt esHunderte von kostenlosen Schriften typetester.org Schriften Vergleichen PXtoEM.com Schriftengrößen PX und EM Umrechnen |
Auswahl der richtigen Farben
Farbe brint Leben in eine Website. Wobei hier manchmal gilt: Weniger ist mehr.
Deshalb und trotzdem hat ein weißer Hintergrund einige Vorteile wie:
Gute Anlaufstellen um die eigene Website farbmäßig aufzupeppen sind:
HTML Farbencodes html-color-codes.info/webfarben_hexcodes
Adobe Farbrad: color.adobe.com/de/create/color-wheel
Color Scheme Designer paletton.com
Farbdesigner mudcu.be
Farben umrechnen: rechnr.de/farbenrechner
Firmenfarben: brandcolors.net
Farbkontrast: checkmycolours
Die Google Materialpalette: materialpalette.com cosmicmind.io/material/colors
Deshalb und trotzdem hat ein weißer Hintergrund einige Vorteile wie:
- Sehr gut mit anderen Farben zu kombinieren
- Schrift bei weißen Hintergrund sehr gut lesbar
- Grafikobjekte mit weißen Rand stören nicht
- Am wenigsten (Programmier*-)aufwand (* der Begriff stimmt nicht ganz da HTML nur eine Auszeichnungssprache ist)
- Verursacht am wenigsten Probleme
Gute Anlaufstellen um die eigene Website farbmäßig aufzupeppen sind:
HTML Farbencodes html-color-codes.info/webfarben_hexcodes
Adobe Farbrad: color.adobe.com/de/create/color-wheel
Color Scheme Designer paletton.com
Farbdesigner mudcu.be
Farben umrechnen: rechnr.de/farbenrechner
Firmenfarben: brandcolors.net
Farbkontrast: checkmycolours
Die Google Materialpalette: materialpalette.com cosmicmind.io/material/colors
Blindtext
Blindtext gibt es auf www.loremipsum.de Damit Ihr indess erkennt, woher dieser ganze Irrthum gekommen ist, und weshalb man die Lust anklagt und den Schmerz lobet, so will ich Euch Alles eröffnen und auseinander setzen, was jener Begründer der Wahrheit und gleichsam Baumeister des glücklichen Lebens selbst darüber gesagt hat. Sonderzeichen und Entity Codes |
Social-Media-ButtonsShariff Social-Media-Buttons mit Datenschutz |
Alles über Sitemaps
Schnell XML-Sitmaps für die Website erstellen auf marcobeierer.de/tools/sitemap-generator xml-sitemaps-generator.de Meta-Tags
Alles über Meta-Tags auf meta-tags.de Geo-Lokalisierung
Eine schnelle und einfache Geo-Lokalisierung gibt es auf dem Webseiten: de.mygeoposition.com togis.com/address-geodecoder |
SEO - Wie verbessere ich das Webseiten-Ranking?
Die eigene Website wird nicht gefunden? Das kann man ändern. Das Ranking sollte mit SEO (Suchmaschinenoptimierung) verbessert werden. Zu aller Erst etwas über dieses geheimnisvolle SEO: Inhalt, Inhalt und nochmals Inhalt ist in aller erster Linie für ein gutes Ranking verantwortlich. Der Inhalt sollte dabei möglichst einzigartig, aktuell, ausführlich und gut mit Überschriften struktriert sein. Das sollte an Inhalten mindesten vorhanden sein:
Frischen Sie alles mit Fotos und Grafiken auf! Der zweite wichtige Punkt ist: Verlinken andere Seite auf die eigene Website? Also Geschäftspartner um eine Verlinkung bitten. Eine gute Verlinkung mit anderen Webseiten ist das zweite wichtige Kriterium um gefunden zu werden. Bei Links gilt dabei Klasse vor Masse. Der dritte Punkte: Die Seite sollte unbedingt unter einer eigenen Domain erreichbar sein. Alles andere ist zweitrangig. Sonstiges:
Und natürlich nicht vergessen, die Seite bei verschiedenen Suchmaschinen anmelden. |
Anmelden der Website bei Suchmaschinen
Die Website sollte selbstverständlich nach der Fertigstellung und einer gründlichen Überprüfung bei den verschiedenen Suchmaschinen angemeldet werden um auch gefunden zu werden. Google ist mit Abstand der größte und wichtigste Suchmaschinenanbieter. Die Seite bei Google Webmasters anmelden: google.com/webmasters/tools Bing & Yahoo Die Seite bei Bing (Microsoft) und Yahoo anmelden: bing.com maps.google.de Falls Ihr Standort wichtig für Ihr Unternehmen ist. Das Unternehmen bei Google Maps eintragen: maps.google.de dmoz.org Die Seite bei dmoz.org anmelden: dmoz.org stadtbranchenbuch.com Seite beim Stadtbranchenbuch anmelden: stadtbranchenbuch.com AllesKlar.de & MeineStadt.de Seite bei AllesKlar und MeineStadt anmelden: allesklar.de |
Haftung
Die "Haftung" und die Haftungshinweise (Disclaimer) gehören sicherheitshalber am Besten direkt ins Impressum. Eine Mustervorlage auf www.mustervorlage.net Quellenangaben
Sehr sinnvoll ist auch eine Unterseite mit den Bildrechten und den Quellangaben der benutzen Medien. Auch die Quellenangaben sollte man direkt im Impreesum platzieren. |
Datenschutz beachtenLeider (für den Webseitenbetreiber) ist eine Datenschutzerklärung für die meisten Website Pflicht. Die Datenschutzerklärung muß "jederzeit abrufbar sein". In besten Fall sollte die Datenschutzerklärung mit einen eigenem Link auf jeder Unterseite des Internetauftritts und mit einem Klick erreichbar sein. Mehr zu diesen Thema gibt es auf www.drweb.de Auf der Website eRecht 24 gibt es eine Muster Datenschutzerklärung |
Impressumspflicht beachten
Das Wichtigste fast zu Letzt die Impressumspflicht. Impressum und Recht Das Impressum auf Webseiten impressum-generator.de Impressum-Generator eRecht 24 Impressum-Generator rechtsberatung-karlsruhe.de Umsatsteuer-Identifikationsnummer, Steuernummer, Steuer-Identifikationsnummer: Was muss ins Impressum? |
Website testen
TML-Code: W3C Markup Validation Service
CSS-Code: W3C CSS Validation Service
Bildschirmformat: quirktools.com/screenfly
Responsive: Am I Responsive
Responsive: #deviceponsive.com
Responsive: Demonstrating Responsive Design
Responsive (Pixel): Responsivepx.com
Mobil Responsive: MobileTest.me
Mobil Responsive: Responsive Web Design Testing Tool
Mobil Responsive: Responsinator
Mobil Responsive: Viewlike
Test auf Optimierung für Mobilgeräte: Google mobile-friendly
Mein persönlicher Favorit zum Testen auf Respnsive ist aber der Blisk-Brower, mehr Infos dazu auf t3n.de.
Kontrast: checkmycolours
Geschwindigkeit: pagespeed.de
Geschwindigkeit: Google Developers - PageSpeed Insights
Geschwindigkeit: tools.pingdom.com
SEO-Ranking: seobility
CSS-Code: W3C CSS Validation Service
Bildschirmformat: quirktools.com/screenfly
Responsive: Am I Responsive
Responsive: #deviceponsive.com
Responsive: Demonstrating Responsive Design
Responsive (Pixel): Responsivepx.com
Mobil Responsive: MobileTest.me
Mobil Responsive: Responsive Web Design Testing Tool
Mobil Responsive: Responsinator
Mobil Responsive: Viewlike
Test auf Optimierung für Mobilgeräte: Google mobile-friendly
Mein persönlicher Favorit zum Testen auf Respnsive ist aber der Blisk-Brower, mehr Infos dazu auf t3n.de.
Kontrast: checkmycolours
Geschwindigkeit: pagespeed.de
Geschwindigkeit: Google Developers - PageSpeed Insights
Geschwindigkeit: tools.pingdom.com
SEO-Ranking: seobility
Wie finde ich die richtige Domain?
Welches Tipps fürs Webdesign gibt es?
Wo finde ich Fotos für meine Website? Wie mache ich eine Textwolken?
Vielleicht auch interessant: