So erstellen Sie eine Website mit offenen Grafiken und Diensten

Dies ist ein automatisch aus dem Italienischen übersetzter Text. Wenn Sie unsere Arbeit schätzen und sie gerne in Ihrer Sprache lesen, denken Sie über eine Spende nach, damit wir sie weiterhin durchführen und verbessern können.

Lassen Sie uns nach dem Artikel weiter über Websites sprechen So erstellen Sie einen Blog: Alternativen zu Blogger. Wir gehen daher davon aus, dass Sie Ihre Website bereits erstellt haben und diese mit ein paar nützlichen Dingen füllen möchten. Zum Beispiel Statistiken, Schriftarten oder Bilder. Hier sind Sie ja wie man eine Website mit offenen Grafiken und Diensten erstellt! Und ich empfehle: Denken Sie daran Blogger und von Google, also bleib weg!

Zunächst einmal: die Grafik

Es gibt einige kostenlose Tools, mit denen Sie auch ohne Vorkenntnisse einige Farben zusammenstellen können. Vermeiden Sie furchterregende Kombinationen und verlassen Sie sich auf einen Experten. Wenn Sie niemanden kennen, können Sie sich diese Seiten ansehen. Zum Beispiel dank der Seite Farbe entworfen von Cloudflare-Design (Ja, diese Götter DNS) können Sie verschiedene Farbpaletten testen. Da kann man einiges sehen Farbkombinationen und entscheiden Sie entsprechend, welches für Ihre Website am besten geeignet ist.

Eine weitere Website, die Sie im Auge behalten sollten, ist Norden oder auch Leonardo. Es gibt auch eine Seite namens Farben – Radix-Benutzeroberfläche Das ist wirklich sehr interessant und ermöglicht es Ihnen, voreingestelltes CSS mit schönen Farben zu verwenden.

Danke an die Seite Kann nicht aufgehoben werden Sie können auch Ihre Grafikfähigkeiten testen und verbessern. Finden Sie heraus, welches das richtige Bild ist!

Alternativen zu Google Analytics

Eines der ersten Dinge, die Sie nach der Erstellung Ihrer Website tun, ist, sich etwas davon zu wünschen Statistiken um herauszufinden, wie viele Leute unsere Seite besucht haben (auch wenn es nur vier Katzen waren). Fast jeder springt sofort auf Google Analytics weil es kostenlos ist und weil seine Statistiken sehr genau sind. Vielleicht sind sie für viele sogar zu viel und es ist nicht immer notwendig, dem Benutzer bei jedem Klick zu folgen. Für eine viel vollständigere Liste können Sie unseren Artikel lesen Alternativen zu Google Analytics, hier ist eine kurze Zusammenfassung.

• Wenn Sie Ihre Website aktiviert haben WordPress Der erste Ratschlag ist die Verwendung Koko Analytics. Von Ihrem Server kommt nichts und Sie haben nur das Nötigste: Wie viele Seiten und wie viele Besucher hatte ich? Von welcher Seite kommen die Nutzer? Das ist es, sonst nichts. Das Essenzielle.

• Alternativ können Sie es versuchen GoatCounter. Wenn Sie dazu in der Lage sind, können Sie es selbst auf Ihrem Server installieren, ansonsten können Sie den angebotenen Service nutzen. Je nach Bedarf kostenpflichtig oder kostenlos.

• Wenn Sie nach etwas Komplexerem suchen, ist der wichtigste Ratschlag, das Beste zu verwenden Matomo. Auch in diesem Fall ist alles kostenlos, Open Source ¹ wie die vorherigen und mit sehr vollständigen Statistiken. Und wenn Sie dabei sind WordPress es gibt eine praktische Plugins.

• Endlich, wenn Sie dabei sind WordPress, schau mal rein Jetpacks. Es ist nicht gerade das Beste, wenn es um Privatsphäre geht, aber es ist vorhanden Open Source ² und gut umgesetzt WordPress.

Alternativen zu Google Fonts

Ein weiteres Merkmal derjenigen, die eine Website haben, ist, dass sie i implementieren möchten Google-Schriftarten. Das Beste wäre, sie lokal implementieren zu können, also ohne zusätzliche Daten preiszugeben Google ohne Grund. Das bedeutet, dass Sie die Schriftart auf Ihren Server herunterladen und direkt von dort laden müssen, ohne den externen Link zu verlassen, um sie von Google herunterzuladen.

Es gibt auch viele Alternativen dazu Google-Schriftarten.

• FromFont, viele kostenlose Schriftarten zur Installation auf Ihrer Website;

• FontLibrary, mehrere sehr besondere Schriftarten;

• Squirell-Schriftarten, eines der bekanntesten und am häufigsten verwendeten;

• Velvetyne, eine weitere Website, auf der Sie kostenlose ed-Schriftarten finden können Open Source;

• Öffnen Sie die Schriftartenbibliothek, viele Serifen und Sans-Serifs, die Sie auf Ihrer Website verwenden können;

• Google Webfonts-Helfer, gefallen dir Google-Schriftarten zu sehr? Eine kurze Anleitung zur Verwendung auf Ihrer Website ohne externe Verbindungen;

• Ziegel, Schriftart Open Source denen von Google Fonts sehr ähnlich;

• Velvetyne-Typgießerei, Anregung bei dir angekommen, danke! Sie bieten seit 2010 kostenlose Schriftarten an;

• Zillion Schriftarten, Haben Sie es empfohlen auf Telegram. Es ist ein riesiges Archiv kostenloser und kostenloser Schriftarten;

• Bunny-Schriftarten, eine weitere sehr interessante Alternative zu Google Fonts, die auch durch Remote-Übernahme von Schriftarten verwendet werden kann (auch wenn wir lieber lokale Schriftarten verwenden).

Ersetzen von Google-Schriftarten

Wenn Sie alle vorherigen Seiten nicht überzeugen, weil Sie unbedingt Google Fonts verwenden möchten und nicht möchten oder nicht wissen, wie man sie einfügt, ohne sie extern zu laden, können Sie einen Blick darauf werfen coolLabs. Es ist ein Projekt Open Source Das ermöglicht Ihnen die Online-Nutzung von Google-Schriftarten, ohne Google-Schriftarten direkt verwenden zu müssen aber ihren Dienst nutzen.

Es ist weder die beste Lösung noch die, die wir bevorzugen, aber es ist immer noch eine Zwischenlösung, die für mehr Anfänger nützlich sein kann. Um es zu nutzen, ändern Sie einfach die Domain Schriftarten.googleapis.com In api.fonts.coolabs.io im Tag <head> die Sie eingegeben haben, um die Google Fonts zu laden!

Vermeiden wir die Verwendung von Google reCAPTCHA

Auch in diesem Fall gibt es eine unser Artikel was im Detail erklärt, warum man es nicht verwenden sollte Google reCAPTCHA. Ein Grund dafür ist, dass Sie viele Daten preisgeben Google mit dem er seine KI kostenlos trainiert. Wir können aufhören umsonst arbeiten Für Google?

• Wenn Sie dabei sind WordPress Versuchen Sie es mit Askimet Anti-Spam.

• FreundlichesCaptcha, ein weiteres kostenloses CAPTCHA (mit Einschränkungen) ed Open Source.

• hCAPTCHA, ist das CAPTCHA, das von verwendet wird Wolkenflare.

So erstellen Sie eine Website mit offenen Grafiken und Diensten: Einbettungen und Anmeldungen

Als Du weißt es schon Facebook, Google Und Amazonas Sie füllten buchstäblich das Web mit Müll. Aus Tracer, um genau zu sein. Jedes Mal, wenn Sie ein YouTube-Video einbetten oder die Seite einfügen, besteht die Möglichkeit, welche zu erstellen Mit Facebook einloggen oder mit Google an die Sie Daten weitergeben Google es ist bei Facebook.

Vor dem Einbetten eines Videos von Youtube Versuchen Sie es nachzuschlagen Peertube oder oben Odysee. Wenn Sie es finden, können Sie es von dort aus einbetten. Oder versuchen Sie, es über jemanden einzubetten Beispiel Von Invidious Allerdings wird in diesem Fall immer noch etwas Verkehr von und nach kommen Youtube. Der allgemeine Ratschlag lautet, nicht willkürlich einzubetten, um dies zu vermeiden Tracer Und Kekse, setzen Sie lieber einen einfachen Link, der nie schadet.

Content-Delivery-Netzwerk

Wenn Ihre Website wirklich viel Verkehr hat, benötigen Sie möglicherweise eine CInhalt DLieferung NEINNetzwerk, um die Dinge zu beschleunigen. Vermeiden Sie nach Möglichkeit die Cloud Google ist das von Amazonas auch wenn sie die bekanntesten, günstigsten und meistgenutzten sind. Du könntest es zum Beispiel versuchen Wolkenflare (Amerikanisch), Centerserv (Kanadisch), Leaseweb (Niederländisch), OnApp (Englisch) bzw OVH (Französisch). Es existiert auch Blattwolke, eine grüne Alternative zu einem attraktiven Preis.

Auf Ihren Vorschlag hin ³ Wir empfehlen Ihnen auch, einen Blick darauf zu werfen BunnyCDN Und CDN77 die beide europäisch sind.

So erstellen Sie eine Website mit Grafiken und offenen Diensten: Welche Alternativen zu Google Images?

Viele Leute suchen nach Bildern für ihre Website Google Bilder und führen Sie eine erweiterte Suche durch, indem Sie „Creative Commons-Lizenzen“ oder „Public Domain“ in den Filter eingeben. In der Zwischenzeit sollten Sie wissen, dass diese Möglichkeit auch von der angeboten wird Suchmaschine DuckDuckGo. Es gibt jedoch viele Websites, die kostenlose Bilder anbieten, die überall verwendet werden können, oft sogar für kommerzielle Zwecke.

• unDraw, da ist auch ein unser spezieller Artikel. Atemberaubende Vektorbilder ed Open Source Überall und für jedermann nutzbar.

• Unsplash, eine Website, die über den Mythos hinausgeht. Finden Sie Tausende wirklich außergewöhnlicher künstlerischer Fotos, die überall verwendet werden können.

• Pixabay, neben schönen Fotos finden Sie hier auch schöne Vektorbilder.

• Pexels, sowie Pixabay Es ist ein großartiges Archiv kostenloser Bilder.

• Freepik, sehr schöne Bilder und Fotos. Viele sind kostenlos und viele werden bezahlt. Die kostenlosen Websites müssen im Gegensatz zu den vorherigen Websites unbedingt korrekt akkreditiert sein.

• Nomenprojekt, schöne Fotos und Vektorbilder, die auch kostenlos verwendet werden können. Auch hier ist die Angabe eines Urhebernachweises erforderlich und eine Veränderung der Fotos ist untersagt. Dazu müssen Sie sie kaufen.

• Einfache SymboleWenn Sie nach Symbolen suchen, finden Sie hier ein riesiges Archiv an kostenlosen Symbolen und Open Source.

• Hover.css, wir gehen über einfache Bilder hinaus und empfehlen dieses schöne CSS-Bibliothek Open Source. Viele Icons, aber auch viele Effekte, die Sie kostenlos in Ihre Website einfügen können!

• CSS-Symbole, insgesamt weitere 700 Symbole Open Source ⁴ und frei!
• Phosphor-Symbole ⁵, ein weiteres sehr interessantes offenes Projekt mit vielen schönen Symbolen, die Sie überall verwenden können.

• Feder, andere kostenlose Icons ed Open Source ⁶!

• SVGBackgrounds, schöne, farbenfrohe und kostenlose Hintergrundbilder. Hintergrundbilder in SVG leicht und wirklich sehr einfach anzupassen!

• Illustrationen, über 100 sehr niedliche Illustrationen und völlig kostenlos zur Verwendung auf jeder Website!

• Scheitel, völlig kostenlose und anpassbare 3D-Symbole, die Sie überall verwenden können!

Haben Sie noch weitere Fragen? Wir warten auf Sie unsere Gruppe Telegram oder bei uns Zimmer Matrix.

1. Matomo auf GitHub[↩]
2. Jetpack auf GitHub[↩]
3. Tipp zu Telegram[↩]
4. CSS-Symbole auf GitHub[↩]
5. Phosphor-Symbole auf GitHub[↩]
6. Feather auf GitHub[↩]

Treten Sie Communities bei