IONOS Website erstellen - Das ultimative Video Tutorial
Video-Transkript
Ja, willkommen zu diesem Tutorial. Wir wollen uns heute mal anschauen, wie wir mit dem Homepage-Baukasten von Ionos unsere eigene Website hier erstellen. Ich zeig dir einfach Schritt für Schritt, wie das geht. Und wenn du bis zum Ende dranbleibst, wirst du deine eigene Website haben. Aber bevor es losgeht, ganz wichtig, du findest den Link zu Ionos unten in der Videobeschreibung. Das ist ein Partner-Link. Das heißt, darüber kannst du das Ganze erst mal kostenlos ausprobieren und gucken, ob das was für dich ist. Und du unterstützt zugleich meinen Kanal damit und ich kann in Zukunft noch weiter hier diese Videos produzieren für euch. Genau. Und wir gucken uns jetzt hier am PC einfach mal an direkt, wie das funktioniert. Ja, ganz kurz noch vielleicht, bevor es losgeht. Du siehst ja hier auf meinem Kanal, ich stelle grundsätzlich sehr viele Homepage-Baukästen vor. Du wirst auch finden, welche so meine Favoriten sind. Ich kann dir die auch gerne unten auch noch zusätzlich verlinken, was so aktuell die Tools sind, die ich da benutzen würde. Aber heute geht es erst mal einfach diesen Homepage-Baukasten hier von Ionos. Wenn du unterhalb von diesem Video jetzt mal schaust, findest du eben den Link dazu.
Einfach mal drauf klicken, dann landest du hier auf dieser Seite und jetzt kannst du dir hier erst mal deine Wunsch-Domain sichern. Wenn du jetzt noch nicht weißt, was du hier als Domain eingeben möchtest für deine Website, kannst du auch hier auf Webseiten klicken und dann hier auf Homepage-Baukasten und dann kannst du direkt mit dem Homepage-Baukasten starten. Aber wir gehen einfach mal den Standard Weg und sagen okay, eine Wunsch Domain eingeben. Ich will jetzt einfach mal sagen, ich bin der Schreinerei Dittmar. De und wird das Ganze hier prüfen. Das ist immer so meine Beispiel Domain, die ich bei diesen ganzen Videos hier verwendet habe. Genau jetzt kann ich die auswählen. Und jetzt ist Ionos relativ gut darin, die hier noch so, ja man nennt das Cross Sales zu platzieren, also noch so weitere Angebote, die brauchen wir jetzt erst mal nicht. Deswegen klicke ich weiter. Erst in diesem Schritt, wo man hier diese Planübersicht sieht. Hier ist es nämlich wichtig, hier bieten sie dir relativ viel an. Und zwar könntest du jetzt einmal nur diese Domain kaufen. Das habe ich schon in einem anderen Video gezeigt. Dann könntest du dir E Mail Postfächer kaufen, so was wie Info.
Ad oder Contact. Ad. Und dann kannst du eben sagen hier My Website, Homepage schnell und einfach erstellen. Und das ist der Homepage-Baukasten von denen. Vorsicht, weil Webhosting, das ist die Variante, wo du deine eigene Server bei Ionos kaufst und dann eben WordPress auf deinen Servern installierst und dann eben mit WordPress als Content Management System deine Website baust. Das wollen wir jetzt hier nicht machen, weil das ist relativ kompliziert und auch schon sehr fortgeschritten. Wir wollen jetzt hier mit diesem Homepage-Baukasten loslegen. Deswegen fügen wir den jetzt hier einfach hinzu, quasi in unserem Warenkorb. Und dann auf der nächsten Seite sieht man okay, wir haben die Domain SchreinereiDittmar. De und wir haben diesen MyWebsite NowEssenchel hier mit drin. Und das Ganze kostet erst mal nur einen Euro. Das ist natürlich danach ein bisschen teurer. Also 9 Euro pro Monat hier, Vertragslaufzeit 12 Monate und die Domain kostet 1,30 Euro. Aber wir wollen das jetzt erst mal kaufen und würden jetzt hier auch weiter klicken. Im nächsten Schritt kannst du dann deine Kundendaten eingeben und deine Bezahldaten, also kannst das mit Visum, Master oder Paypal so bezahlen und dann würdest du das bestellen. Ja, ich habe das natürlich wie in einer guten Kochsendung für euch schon vorbereitet und das Ganze hier gekauft.
Und sobald ihr das gekauft habt, wird das so ein bisschen vorbereitet für euch. Ihr kriegt dann irgendwann eine E-Mail, wenn das dann eingerichtet ist und dann könnt ihr hier aus diesem Dashboard raus loslegen. Ihr habt hier die Domain, das E-Mail-Postfach und eben hier Websites und Shops. Da könnt ihr drauf klicken und dann hier auf Website einrichten und dann landet ihr früher oder später hier in so einer kleinen Schritt für Schritt Anleitung. Da einfach mal auf Start klicken und jetzt können wir uns nämlich im ersten Schritt die Vorlage aussuchen, die wir für unsere Website hier haben wollen. Das könnt ihr euch hier angucken. Hier gibt es coole Sachen, zum Beispiel so eine Safari oder irgendwie so ein Homeoffice Ding. Da einfach mal schauen, was euch so gefällt. Ihr könnt da auch einmal drauf klicken und euch das Ganze dann hier anschauen in verschiedenen Farben und eben auch auf verschiedenen Geräten, wie das auf dem Tablet und auf dem Handy aussehen würde. Und wenn euch das gefällt, klickt ihr hier einfach auf weiter. Ich suche jetzt mal einmal eine kurz aus für mich für das Tutorial, weil die gefällt mir hier nicht. Ja, angenommen, ich wäre jetzt hier so ein Fitnessstudio, dann sieht glaube ich diese Designvorlage ganz cool aus.
Das wäre jetzt für Fitnessstudios oder Physiotherapeuten eine ganz gute oder hier Yogalehrer eine ganz gute Seite. Die kann ich mir jetzt noch in unterschiedlichen Farben ausgeben lassen. So ein bisschen bunter oder ein bisschen gedeckter. Das einfach mal ausprobieren. Ich würde jetzt einfach mal hier bei bleiben und dann erst mal hier auf weiter klicken. Ja, jetzt können wir der ganzen Sache Namen geben, zum Beispiel hier Fitnessstudio Köln. Dann kannst du dir eine Kategorie aussuchen. Einfach hier Fitnessstudio. Und im nächsten Schritt kannst du deine geschäftlichen Daten, Kontaktdaten hier eingeben, dort wo dein Fitnessstudio jetzt ist und dann die Einrichtung abschließen. Ja, und dann landen wir hier auf dem Dashboard von deinem neuen Homepage-Baukasten. Und hier gucken wir uns jetzt erst mal an, was man hier so machen kann. Ja, dieses Dashboard ist ganz cool gemacht von Ionos. Und zwar geben sie dir hier so ein paar Handlungsempfehlungen, die du machen kannst und die kannst du Schritt für Schritt durchmachen. Das machen wir jetzt auch im Verlauf. Und hier kannst du die Website bearbeiten und dann direkt in den Editor springen. Ganz kurz, hier links siehst du später noch unter Analysen, wie viele Besucher auf deine Seite kommen.
Und wenn du einen Onlineshop hast, siehst du hier noch meinen Shop. Und ganz hier unten hast du noch deine Business-Profil-Daten. Die kannst du hier eingeben, also Telefonnummer, Straße und Adresse. Das wird dann automatisch im System übernommen. Wir wollen jetzt aber die Website bearbeiten. Das können wir entweder hier machen oder einfach hier drauf klicken. Und sobald wir das gemacht haben, landen wir dann hier in diesem Editor. Und hier können wir jetzt die Website bearbeiten, die Texte anpassen, die Bilder hinzufügen. Und hier links siehst du noch die Inhalte. Das ist ganz cool gemacht. Wenn du hier so runterscrollst, geht er so mit. Du kannst aber auch direkt hier drauf klicken und dann springt er zu diesen einzelnen Abschnitten von deiner Website. Das ist jetzt hier die Vorlage. Wie gesagt, die können wir jetzt anpassen, individuell. Aber bevor wir das machen, sollten wir hier einmal auf Design klicken. Denn hier können wir einmal global unsere Design-Einstellung vornehmen. Warum ist das wichtig? Und zwar wollen wir ja nicht jeden einzelnen Button irgendwie neu stylen und die Farbe anpassen, sondern wir wollen das einmal für alle machen. Deswegen kann man hier jetzt die Farbpalette raussuchen. Zum Beispiel hier bietet dir der verschiedene Vorschläge an und schon färbt sich hier die ganze Seite neu.
Du siehst das, also das, was dir hier gefällt, kannst du dir anklicken. Du kannst natürlich dir auch die Mühe machen und das benutzerdefiniert machen. Und zwar hier diese einzelnen Akzentfarben einzeln festlegen. Ist aber sehr aufwendig. Deswegen würde ich hier einfach sagen, wir nehmen so eine Farbpalette. Zum Beispiel dieses Orange sah ganz cool aus. Und dann hast du hier noch verschiedene Variationen. Also so ein bisschen dunkler, heller oder hier eben in Blau. Ich fand aber dieses Orange ganz gut. Da sah die restliche Seite auch cool aus mit diesem Orange. Und das können wir dann eben hier einmal einstellen und dann überträgt sich das automatisch immer wieder für alle Seiten und wir müssen die Farben nicht neu einstellen. Das Gleiche gilt für die Schriftarten. Hier können wir einmal unsere Schriftart festlegen, die wir hier haben wollen und wie groß die Schrift ist. Also wenn du jetzt zum Beispiel hier kleine Schrift hast, dann siehst du hier oben das Menü ist relativ klein, aber wir können das auch auf Medium oder sogar LARCH stellen. Je nachdem, was für eine Zielgruppe du hast, ist das zum Beispiel wichtig. Wenn du ältere Personen hast, dann solltest du das hier auf LARCH stellen, dass die Leute eben das dann auch lesen können.
Mir reicht jetzt hier aber so ein Medium, damit sieht das dann auch ganz cool aus. Genau. Larch zum Beispiel ist auch ein beliebter Web-Fond, weil der hat hier nicht diese Serifen Schrift und den kann man besser lesen tatsächlich. Aber ich bleibe jetzt hier mal in dem Stil von der Vorlage und wir gucken uns das dann weiter an. Genau. Also Schriftart auch einmal festlegen. Vielleicht hast du ja auch eine, die du schon auf Flyern oder Visitenkarten oder so verwendest. Die findest du hier bestimmt dann auch wieder. Formen können wir gleich machen und die Abstände kannst du hier auch einstellen, wie groß die sein sollen. Da würde ich aber auch bei Medium bleiben. Und jetzt müssen wir nämlich die ganzen Buttons und so farblich nicht unbedingt mehr anpassen. Bevor wir jetzt hier noch Seiten erstellen oder über den Shop sprechen, wollen wir uns jetzt aber erst mal angucken, wie wir die Inhalte verändern. Wir sind hier auf der Homepage hier oben und hier können wir jetzt die einzelnen Sachen verändern. Hier könnten wir zum Beispiel unser eigenes Logo hinzufügen, also einfach hier auf Ersetzen klicken und dann könntest du hier eine PNG-Datei von deinem eigenen Logo hochladen, sodass der Hintergrund transparent ist.
Und hier könnten wir jetzt auch die Überschrift verändern. Zum Beispiel könnten wir da reinschreiben Fitnessstudio Köln und den ersten Teil würde ich dann hier wegmachen. Und vielleicht noch Ihr Fitnessstudio in Köln, gutes Deutsch wählen. Das ist jetzt ein bisschen zu groß. Deswegen kann ich hingehen und das einmal hier markieren und dann die Nummer ein bisschen kleiner machen. Das ist jetzt Schriftgröße 72, das ist natürlich ein bisschen groß. Genau, hier bei 65 zum Beispiel ist das dann automatisch schon in der Größe. Dann klicke ich hier raus und schon haben wir die Überschrift angepasst. Hier ganz wichtig, welche Überschriftstyp das ist. Das ist für Suchmaschinenoptimierung wichtig. Zum Beispiel hier würde ich Überschrift 1 wählen, weil Google geht immer erst hin und guckt sich die Überschrift 1 an auf jeder Seite. Die, wie nicht anders zu erwarten hat auch einen anderen Stil, also ist ein bisschen kleiner geworden. Dann können wir wieder reingehen und einfach sagen 65 und dann wird die auch wieder größer. Müssen hier einmal wieder alles markieren vorher, dann auf 65 klicken, hier 65 eingeben und schon ist die wieder groß genug. Jetzt haben wir die Überschrift hier angepasst. Hier unten ist dann noch so ein Subtext, den könnten wir hier auch einfach markieren, die Größe verändern, ein bisschen größer machen vielleicht.
Oder zum Beispiel einzelne Wörter hier auch noch verlinken. Das ist auch relativ wichtig, weil wenn wir zum Beispiel auf unserer Seite verlinken wollen, auf die Kontaktseite oder auf eine externe Seite, dann können wir das hier machen. Oder später können wir sogar noch Dokumente zum Runterladen einfügen oder eine Telefonnummer verbinden. Also du markierst dir einfach den Text. Wenn jetzt hier zum Beispiel eine Telefonnummer stehen würde, kannst du einfach das markieren und dann hier auf Telefon klicken und dann gibst du hier deine Telefonnummer ein und klickst auf Anwenden. So können wir das eben anpassen. Das sind jetzt Überschriften schon mal und hier Texte. Die Auswahl hier erinnert sich so ein bisschen an normale Textprogramme wie Word oder so oder Powerpoint. Damit hast du eigentlich alle Optionen. Wenn du diesen Text jetzt nicht haben willst, können wir den auch einfach hier löschen. Und dann haben wir hier nur die Überschrift und diesen Button. Den können wir natürlich auch anpassen. Zum Beispiel könnten wir jetzt hier sagen Termin buchen. Wenn das unser, man nennt das immer Call to Action, also die Call to Action ist immer die Handlungs Aufforderung, die wir haben wollen. Und den könnten wir jetzt dann eben zum Beispiel zu einer Seite auf unserer Website verlinken.
Hier einfach auf die Kontaktseite, dann auf fertig klicken. Und wenn dann Leute hier, wir können uns das einmal in der Vorschau angucken, hier drauf klicken, dann landen die automatisch auf der Kontaktseite und können sich hier eben ihren Termin buchen. Genau so ist das gedacht. Ja, jetzt haben wir diesen Teil angepasst. Jetzt ist hier noch so ein bisschen Platz. Das können wir verändern, indem wir das hier einfach ein bisschen kleiner ziehen und den Button können wir dann ein bisschen hochziehen. Das ist sehr gut gemacht. Da können wir nämlich einfach hier diese Sachen so ein bisschen verschieben und du siehst, hier kriegt man so rosa Kästchen und daran kann man sich so ein bisschen orientieren. Wenn man jetzt den Button in diesen Bereich hier verschieben will, kann man auch drauf klicken und dann hier auf Ausrichtung und dann jetzt ist der nach oben orientiert, aber wir können ihn auch links in die Ecke, rechts in die Ecke oder hier in die Mitte zentrieren. Und dann ist der hier auch wunderbar da drunter und man kann den hier aufrufen. Ich würde dem jetzt noch eine auffälligere Farbe geben, sodass man den eben wunderbar sieht. Ja, und schon haben wir diesen oberen Teil hier angepasst.
Hier kannst du noch dein Logo einfügen. Hier oben in diesem Abschnitt können wir noch die Kopfteile bearbeiten. Und zwar hier kannst du auswählen, was du einblenden willst. Du kannst hier noch ein Logo einblenden. Wollen wir jetzt nicht. Aber die Navigation ist da. Und hier könnte man noch so eine Beschreibung hinzufügen, zum Beispiel so eine Art Telefonnummer oder deine sozialen Netzwerke, wenn du die noch hier oben haben willst. Auch relativ cool gemacht hier. Das Bild, wenn du hier ein anderes Foto haben willst, kannst du hier ändern. Also einfach auf Ersetzen klicken, dann kannst du hier dein eigenes Foto hochladen. Oder Ionos bietet dir auch so eine Datenbank an freien Stockfotos. Die kannst du auch noch hinzufügen. Da einfach mal schauen. Hier kannst du auch noch die Position vom Hintergrundbild so ein bisschen verändern, also wo genau das zentriert sein soll. Aber das passt ja jetzt schon relativ gut, deswegen würde ich das einfach so lassen. Genau. Hier unter Layout kannst du dann noch sagen, ob das jetzt mittig sein soll oder links die Kopfteile. Aber ich fand das jetzt hier mittig ganz gelungen. Deswegen würde ich die einfach hier lassen. Das ist der obere Teil von der Homepage.
Hier, wenn wir runterscrollen, sehen wir, dass das so abgeschrägt ist. Hier können wir nämlich auch auf Abschnitt anpassen klicken und dann auf Design. Und dann sehen wir, hier unten haben wir die Option, dass wir eine Abschnittsform haben. Zum Beispiel können wir das auch so rund machen, können das gerade machen oder sogar so Tropfenform oder Wolkenform. Das wollen wir jetzt nicht. Ich würde das jetzt so abgeschrägt lassen, aber nur, dass du das gesehen hast, dass wenn hier so Animationen quasi sind, dass du die eben verändern kannst. Das Hintergrundbild kannst du hier auch noch mal anpassen und hier auch noch die Deckkraft von dem Hintergrundbild für diesen mittleren Bereich. Wenn du jetzt noch weitere Elemente zu diesen Bereichen hinzufügen möchtest, du kannst jetzt zum Beispiel draufklicken und sagen, ich möchte einfach noch einen weiteren Button, dann fügt er uns hier einen Button ein, den können wir auch einfach verschieben, zum Beispiel einfach hier drunter. Dann würde ich wieder die Ausrichtung ändern in die Mitte und dann könnte ich hier den Button wieder verändern, verlinken und eben auch was reinschreiben. Dann wird der auch automatisch größer, wie du siehst. So würden wir einfach weitere Elemente hinzufügen. Das zeige ich euch gleich aber noch mal.
Wenn wir den Button jetzt nicht haben wollen, können wir hier auf die Mülltonne klicken. Das ist immer so ein bisschen versteckt, aber dann verschwindet er auch wieder. Jetzt haben wir den oberen Teil hier angepasst und jetzt können wir mal runterscrollen. Und der nächste Abschnitt ist hier so ein bisschen nicht im Thema Fitnessstudio, aber wir können hier ganz leicht auch die Bilder ersetzen. Einfach auf Ersetzen klicken. Dann kann ich hier einfach eins hochladen. Ich habe jetzt einfach hier eins von meinem Desktop ausgewählt und jetzt lädt er die Nummer hoch. Genau. Und dann klicke ich auf Anwenden und schon fügt er mir hier dieses Bild ein. Ich kann das noch so ein bisschen zuschneiden, aber das passt jetzt so für mich. Fertig. Genau. Und schon kann ich dann hier drunter irgendwie dann eine Überschrift reinsetzen und könnte dann hier drunter noch den Text anpassen. Wenn du diesen Abschnitt vergrößern willst, kannst du hier auch einfach ziehen und dann wird er einfach größer und dann könnte ich mir einfach noch mehr Bilder oder Bilder Galerien hier reinziehen und mir das Ganze hier einfügen lassen. Wir springen jetzt aber mal zum nächsten Abschnitt. Hier sind auch einfach nur Bilder, die können wir austauschen.
Das wissen wir jetzt, wie das geht. Und hier unten ist jetzt etwas Spannenderes. Hier haben wir das Kontaktformular und hier ist jetzt nur Name und E-Mail drin. Und angenommen, wir wollen jetzt noch weitere Sachen abfragen, dann können wir hier auf Verwalten klicken und können dann hier einfach noch weitere Elemente hinzufügen, zum Beispiel ein E-Mail Feld, ein Kontrollkästchen oder einfach ein Eingabefeld. Und in diesem Eingabefeld kann ich dann sagen, was da rein soll, zum Beispiel die Straße. Wenn ich das jetzt auf fertig klicke, könnte ich noch sagen, das ist erforderlich. Und dann muss eben jemand hier, wenn er sich einträgt, seine Straße bzw. Adresse könnte man auch reinschreiben. Und hier kannst du noch eingeben, was dann passieren soll, wenn jetzt zum Beispiel jemand das Formular abschickt. Zum Beispiel hier steht der Standardtext. Vielen Dank für Ihre Nachricht. Wir werden uns so schnell wie möglich bei Ihnen melden. Das könntest du jetzt noch anpassen. Genau so kannst du eben hier dieses Kontaktformular anpassen. Lassen. Hier haben wir auch wieder diese Abschnitt-Option. Da kann ich drauf klicken und hier erscheinen dann so kleine Pluszeichen. Und hier kann ich dann eben auch noch Sachen hinzufügen. Zum Beispiel wenn ich jetzt noch hier so eine Anfahrtskizze hinzufügen möchte, dann kann ich einfach auf Karte klicken und dann fügt er mir automatisch so eine Karte ein.
Und wenn ich dann da draufklicke, kann ich hier auf Adresse gehen und hier einfach meine Adresse eingeben, zum Beispiel Kölner Dom. Und dann würde er mir das hier einfügen und dann auf fertig. Und dann hätte ich unter diesem Kontaktformular eben auch dann auch so eine Art Anfahrtskizze. Das finde ich relativ cool gemacht, dass man das hier einfach so einfügen kann. Und so könntest du dir das Stück für Stück dann aufbauen. Ja, wir gehen einfach weiter. Das haben wir jetzt gemacht. Hier unten ist auch noch so ein Bereich. Das sind auch wieder einfach nur Bilder und Überschriften. Du kannst jetzt, wie vorhin erwähnt, diese Abschnitte größer machen. Aber vielleicht wollen wir einen ganz neuen Abschnitt hinzufügen. Dafür können wir hier einfach, wenn wir hier drauf sind, hier einmal auf fertig klicken, dann sehen wir hier Abschnitt hinzufügen und da können wir drauf klicken. Und dann schlägt uns Ionos hier noch so andere Abschnitte, so Beispiele vor. Zum Beispiel hier einfach nur Artikel, Empfehlungen, Galerien. Zum Beispiel wenn du jetzt Fotos von deinem Fitnessstudio hier reinziehen möchtest oder du willst eine Videoanleitung einfügen, dann kannst du hier einfach draufklicken und dann fügt er hier automatisch so einen Abschnitt ein.
Den können wir jetzt anwählen, hier wieder Abschnitts-Option. Den könnten wir jetzt hier unter Design eben zum Beispiel die Farbe hier ändern bzw. Das ist jetzt von der Vorlage vorgegeben. Deswegen würde ich das auch nicht ändern, sondern einfach so lassen. Aber mit diesem Abschnitt können wir eben verschiedene Sachen machen z. B. Hier noch Buttons rein, hinzufügen oder Texte oder einfach erst mal dieses Youtube-Video verlinken. Dafür einfach hier einmal draufklicken und dann hier unten auf Link und dann kannst du hier die YouTube URL von deinem Video einfügen, auf Anwenden klicken und dann würde der automatisch dein Video hier einziehen. Ja, so würdest du jetzt deine Seite aufbauen. Das ist wie gesagt nur die Homepage. Das gleiche kannst du natürlich auch auf der Kontaktseite machen. Hier ist das auch schon voreingefüllt, also dass du hier so ein Kontaktformular hast und hier so eine Karte, wobei die würde ich vielleicht etwas größer machen, damit man das dann auch findet. Aber das hast du ja jetzt bereits gesehen, wie du das machen kannst. Das nächste, was uns jetzt interessiert, wie können wir denn weitere Seiten hinzufügen? Weil diese Seiten sind ja jetzt schon da und wir können die auch im Einzelnen bearbeiten.
Aber die Frage ist jetzt, wie können wir hier Seiten einfügen? Dafür klicken wir einfach auf Seiten und hier sehen wir eben die Seiten, die schon da sind. Zum Beispiel hier die Homepage oder die Kontaktseite. Und hier könntest du einfach neue Seiten einfügen. Den würdest du dann einfach Namen geben, zum Beispiel über uns Seite, die fehlt noch, dann auf Hinzufügen klicken und dann könnte ich die hier ein bisschen weiter hochziehen und dann erscheint die auch direkt hier. Genau neben den Dienstleistungen dann über uns und er geht automatisch hin. Wenn zu viele Menüpunkte sind, macht er hier so ein Dropdown und das würde jetzt auch gut passen, weil Impressum und Datenschutz interessiert sowieso keinen. Die kann man auch gut hinter so einem Dropdown verstecken. Und jetzt ganz wichtig, wenn die Seite auf Google ranken soll, zum Beispiel jetzt die Homepage ja auf jeden Fall, dann sollten wir hier auch die Keywörter eingeben, also die Suchbegriffe, wonach Leute suchen auf Google. Dafür würden wir hier einfach Fitness Köln-Nippis eingeben zum Beispiel und dann einfach den Namen von dem Fitnessstudio, weil es hier in Köln heißen die immer Just Fit. Und dann würden eben Leute, die nach Fitnessstudio in Köln Nippis suchen, würden das dann auch finden, weil Google weiß, okay, die SEO-Überschrift, also die Suchmaschinenüberschrift ist so und dann würde Google euch dann auch dafür anzeigen, wenn jetzt nicht noch 1000 andere Fitnessstudios in Köln sind.
Das gleiche auch für die SEO-Beschreibung. Ihr kennt das von Google, das ist immer das, was unten drunter steht. Ich zeige euch das mal. Ja, ich habe jetzt einfach mal hier Fitnessstudio Köln eingegeben. Das sind zwar jetzt hier Ads, aber so würde das aussehen. Das ist die SEO Überschrift, also Fitnessstudio in Köln, und das sind die Beschreibungen dadrunter. Hier zum Beispiel ist der Fehler, hier sind auch relativ kurz gewählt die Beschreibung. Also die würde ich durchaus ein bisschen umfangreicher machen. Wobei, das kann auch daran liegen, dass das ein Ad ist. Aber hier würde ich da schon eine Beschreibung richtig einfügen, dass eben die Leute dann auch informiert sind, was sie auf der Seite finden. Und das können wir wie gesagt hier einfügen. Das musst du auf jeden Fall für die Seiten machen, die bei Google gefunden werden sollen. Zum Beispiel jetzt das Impressum nicht. Da reicht auch einfach Impressum und dann deine Markenname dahinter. Aber für die Seiten, die angezeigt werden müssen, auf jeden Fall das hier eingeben. Und hier unten kannst du auch ein Social Media Bild hinzufügen. Das heißt, du kennst das zum Beispiel, wenn einer auf WhatsApp die Seite teilt, dann sieht man so ein kleines Vorschaubild.
Und wenn wir jetzt hier links schon sind, hier könntest du dann auch noch deinen Shop hinzufügen. Also wenn du hier drauf klickst auf Upgrade, kannst du noch E-Commerce Funktionen freischalten und Sachen verkaufen. Und ganz wichtig, hier unten auf Einstellungen kannst du noch deine Datenschutzeinstellung hinzufügen, also den Cookie Banner und so, das einfach kurz einstellen. Ich bin kein Anwalt, deswegen halte ich mich hier immer ein bisschen bedeckt. Aber hier kannst du eben deine Datenschutzerklärung auswählen und eben diesen Cookie Banner hinzufügen. Und auch noch ganz wichtig, dieses Farbikon nennt man das. Und zwar ist das das Vorschaubild hier oben. Wenn man im Browser guckt, hier oben ist immer so ein kleines Bild. Da kannst du wunderbar eben dieses Foto hier hochladen. Also Minimum 512 mal 512 Pixel. Zum Beispiel mit so einem Designprogramm wie Canva. Das kann ich dir auch mal unten verlinken. Da kannst du wunderbar dann dieses Vorschaubild machen. Ja, das kannst du hier unter Einstellungen machen. Das einmal vornehmen. Auch hier zum Beispiel dein Geschäftsprofil kannst du noch anpassen. Und wenn wir jetzt Seiten hinzugefügt haben, können wir eben die neuen Seiten, jetzt die Über uns Seite, auch einfach, wie wir das vorhin gesehen haben, dann bearbeiten.
Einfach hier unten auf Inhalt bearbeiten. Und dann könnten wir hier einfach einzelne Abschnitte hinzufügen und uns dann nach unserem Gusto die ganze Seite hier designen. Und dann würde der das automatisch für uns alles hier in dem Stil einfügen. So wäre die Seite jetzt fertig. Das kannst du einmal für dich machen und das alles anpassen. Ich denke mal, das dauert ein gutes Wochenende und dann kannst du hier oben einfach auf Veröffentlichen klicken und dann wird die Seite veröffentlicht. Es dauert ein bisschen und die Domain ist jetzt bei mir schon verbunden. Das passierte hier automatisch und dann kann ich mir die hier auch angucken. Die Seite ist jetzt unter JulianDomain. Com abrufbar und hier unten haben wir auch dieses Cookie Banner schon. Und dann kann man sich das hier so angucken, wie die Seite aussieht. Und dann können Leute eben mir hier auch schreiben und dann Termine bei mir buchen. Genau das würdest du jetzt alles ausfüllen. Wenn das mit der Domain Verbindung jetzt nicht geklappt hat automatisch, dann kannst du das hier auch in diesem Dashboard wieder. Da geben sie dir hier einer dieser Punkte ist, die eigene Domain zu verbinden und dann kannst du die Domain auswählen, die du gekauft hast.
Ich habe das hier schon gemacht. Veröffentliche die Website. Aber es war einer dieser Punkte und dann kannst du das hier auswählen und dann einfach die Website, die du hier gebaut hast, deiner Domain, in dem Fall meiner hier Juliandomain. Com einfach verbinden und dann ist die auch schon online abrufbar. Das war es auch schon. So kann man mit Ionos sich seine eigene Seite zusammenbauen. Wichtig jetzt noch das Impressum und die Datenschutzerklärung erstellen. Dazu findest du auf meinem Kanal auch Videos zu. Ich hoffe dir hat das gefallen. Gerne einen Daumen hoch da lassen. Du findest die Links zu allem unten in der Beschreibung, wie eingangs erwähnt, auch zu den möglichen Alternativen, die es da gibt. Ja, aber ich fand den jetzt von Jonas hier ganz cool gemacht. Basic, aber man kriegt auf jeden Fall eine schöne Website damit hin. Ich wünsche dir viel Erfolg dabei. Bis dann. Ciao.