{"id":90,"date":"2023-01-20T14:21:48","date_gmt":"2023-01-20T14:21:48","guid":{"rendered":"\/tutorials\/?p=90"},"modified":"2025-12-18T13:48:29","modified_gmt":"2025-12-18T13:48:29","slug":"wie-erstellt-man-eine-website","status":"publish","type":"post","link":"\/de\/tutorials\/wie-erstellt-man-eine-website","title":{"rendered":"Wie erstellt man eine Website von Grund auf neu: Ein Leitfaden f\u00fcr Einsteiger"},"content":{"rendered":"<p>Eine Website, sei es f&uuml;r Ihren pers&ouml;nlichen Blog oder Ihr Unternehmen, hilft Ihnen, Ihre Online-Pr&auml;senz auszubauen, indem sie Sie mit einem breiteren Publikum verbindet. Eine Website kann auch eine Plattform f&uuml;r den Austausch von Meinungen und F&auml;higkeiten sein und M&ouml;glichkeiten f&uuml;r pers&ouml;nliche oder berufsbezogene Projekte schaffen.<\/p><p>Diese Schritt-f&uuml;r-Schritt-Anleitung hilft Ihnen dabei, Ihre Website-Idee in eine voll funktionsf&auml;hige Website zu verwandeln &ndash; w&auml;hlen Sie eine geeignete Plattform aus, entscheiden Sie sich f&uuml;r ein Hosting-Angebot und w&auml;hlen Sie einen einpr&auml;gsamen Domainnamen mit Hilfe eines Domain-Checks. Au&szlig;erdem geben wir Ihnen Tipps, wie Sie Ihre Website optimieren k&ouml;nnen.<\/p><p>Als Beispiel zeigen wir Ihnen, wie Sie mit dem Content-Management-System WordPress und dem Homepage-Baukasten von Hostinger eine hochwertige Website erstellen k&ouml;nnen. Diese beiden Plattformen sind anf&auml;ngerfreundlich und erfordern keine Programmierkenntnisse.<\/p><p>Au&szlig;erdem erfahren Sie, was nach der Ver&ouml;ffentlichung einer Website zu tun ist, und wir beantworten einige der am h&auml;ufigsten gestellten Fragen. Am Ende dieses Artikels werden Sie in der Lage sein, Ihre erste Website von Grund auf zu erstellen.<\/p><p>\n\n\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-wie-man-eine-website-erstellt-video-tutorial\"><strong>Wie man eine Website erstellt &ndash; Video-Tutorial<\/strong><\/h2><p>In diesem Tutorial erfahren Sie, wie Sie eine Website von Grund auf mit WordPress erstellen.<\/p><figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Build a Website from Scratch | Easy Method to Build Your Website\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/teDtZC4wDpU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure><p>\n\n\n\n  <div class=\"youtube-shortcode\">\n    <div class=\"row\">\n      <div class=\"col-7 col-sm-8 d-flex align-items-center\">\n        <img decoding=\"async\" class=\"channel-logo\" src=\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/themes\/tutorialsthemeuplift\/public\/images\/youtube-channels\/hostinger-academy.jpg\" alt=\"youtube channel logo\">\n        <div class=\"d-flex flex-column justify-content-between\">\n          <span class=\"slogan d-none d-sm-block\">Subscribe For more educational videos!<\/span>\n          <span class=\"channel-name\">Hostinger Academy<\/span>\n                    <\/div>\n      <\/div>\n      <div class=\"col-5 col-sm-4 d-flex align-items-center justify-content-end\">\n          <a class=\"subscribe-button\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" href=\"http:\/\/www.youtube.com\/channel\/UCbNIC-svDbtUOH2qsLnPQPg?sub_confirmation=1\">\n            <img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/themes\/tutorialsthemeuplift\/public\/images\/icons\/youtube.svg\" alt=\"subscribe\">\n            <span>Subscribe<\/span>\n          <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n    \n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-3-schritte-vor-der-erstellung-einer-website\"><strong>3 Schritte vor der Erstellung einer Website<\/strong><\/h2><p>Bevor Sie Ihre erste Website erstellen, m&uuml;ssen Sie diese drei wesentlichen Elemente verstehen &ndash; was ist eine Website-Plattform, Webhosting und ein Domainname.<\/p><h3 class=\"wp-block-heading\" id=\"h-wahlen-sie-die-richtige-plattform-cms-vs-website-baukasten\"><strong>W&auml;hlen Sie die richtige Plattform: CMS vs. Website-Baukasten<\/strong><\/h3><p>Die beiden beliebtesten Plattformen zur Erstellung einer Website sind Content-Management-Systeme (CMS) und Homepage-Bauk&auml;sten.<\/p><p>Denken Sie daran, sich vor der endg&uuml;ltigen Entscheidung zu informieren, denn die Wahl der Plattform, die f&uuml;r Ihre Bed&uuml;rfnisse am besten geeignet ist, macht den Prozess der Website-Erstellung viel &uuml;berschaubarer.<\/p><p>Ein CMS ist eine Computersoftware f&uuml;r die Gestaltung, Verwaltung und Ver&ouml;ffentlichung von Website-Inhalten. In diesem Artikel werden wir uns auf WordPress konzentrieren, da es die beliebteste CMS-Plattform ist, mit der &uuml;ber <a href=\"https:\/\/w3techs.com\/technologies\/details\/cm-wordpress\" target=\"_blank\" rel=\"noopener\">42 %<\/a> aller Websites im Internet erstellt sind.<\/p><p>Ein Website-Baukasten hingegen ist ein Programm oder Tool, das die Erstellung von Websites noch weiter vereinfacht. Der Website-Baukasten von <a href=\"\/de\/website-erstellen\">Hostinger<\/a> ist einer der Website-Bauk&auml;sten, die hochwertige Vorlagen und eine benutzerfreundliche Drag-and-Drop-Oberfl&auml;che bieten.<\/p><p>Auch wenn beide Plattformen die M&ouml;glichkeit bieten, eine Website zu erstellen, ohne selbst programmieren zu m&uuml;ssen, gibt es doch Unterschiede zwischen ihnen:<\/p><figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2023\/01\/wordpress-cms-1-1.jpg\"><img decoding=\"async\" width=\"1024\" height=\"968\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/wordpress-cms-1-1.jpg\/public\" alt=\"Individuelle Infografik von Hostinger, die die verschiedenen Aspekte des CMS WordPress und eines Website-Builders vergleicht\" class=\"wp-image-95\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/wordpress-cms-1-1.jpg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/wordpress-cms-1-1.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/wordpress-cms-1-1.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>Um die richtige Plattform f&uuml;r die Erstellung von Websites zu w&auml;hlen, sollten Sie die folgenden Faktoren ber&uuml;cksichtigen:<\/p><ul class=\"wp-block-list\">\n<li><strong>Technische Kenntnisse<\/strong>. Einige Plattformen haben eine steilere Lernkurve als andere. Ber&uuml;cksichtigen Sie Ihre Programmierkenntnisse und technischen F&auml;higkeiten, um die Website-Erstellung &uuml;berschaubarer zu gestalten.<\/li>\n\n\n\n<li><strong>Kosten<\/strong>. Suchen Sie eine Plattform, die f&uuml;r Ihr Budget geeignet ist. Pr&uuml;fen Sie auch, ob Sie ein Upgrade vornehmen k&ouml;nnen, sobald Ihre Website mehr Besucher hat.<\/li>\n\n\n\n<li><strong>Support<\/strong>. Je nach Art der Website ben&ouml;tigen manche mehr Hilfe als andere. Eine stark frequentierte professionelle Website braucht zum Beispiel sofortige Unterst&uuml;tzung, wenn ein Fehler auftritt. Ein kleiner pers&ouml;nlicher Blog hingegen kann sich allein auf die Unterst&uuml;tzung der Community verlassen.<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-erwerben-sie-einen-webhosting-plan\"><strong>Erwerben Sie einen Webhosting-Plan<\/strong><\/h3><figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2023\/02\/image-38.png\"><img decoding=\"async\" width=\"1014\" height=\"594\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/02\/image-38.png\/public\" alt=\"Eine Illustration, die zeigt, wie Webhosting funktioniert \" class=\"wp-image-729\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/02\/image-38.png\/w=1014,fit=scale-down 1014w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/02\/image-38.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/02\/image-38.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1014px) 100vw, 1014px\" \/><\/a><\/figure><p>Webhosting ist ein Dienst, mit dem eine Website oder Webanwendung im Internet ver&ouml;ffentlicht wird. Bevor Sie sich f&uuml;r ein Hosting-Angebot entscheiden, sollten Sie sich &uuml;berlegen, welche Art von Webhosting f&uuml;r Ihre Bed&uuml;rfnisse geeignet ist. Wenn Sie eine Plattform wie WordPress verwenden, sollten Sie verschiedene <a href=\"\/de\/cms-hosting\">CMS-Webhosting-Optionen<\/a> in Betracht ziehen, da diese optimierte L&ouml;sungen speziell f&uuml;r CMS-Sites bieten. Hostinger bietet zum Beispiel spezielle Angebote f&uuml;r <a href=\"\/de\/wordpress-hosting\">WordPress-Website-Hosting<\/a> mit einem 1-Klick-Installer und weiteren WordPress-Funktionen.<\/p><p>Die meisten Homepage-Bauk&auml;sten nutzen ihre eigenen Hosting-Anbieter. Fahren Sie also mit dem n&auml;chsten Abschnitt fort, wenn Sie sich f&uuml;r einen Homepage-Baukasten entschieden haben.<\/p><p>Um ein geeignetes <a href=\"\/de\/webhosting\">Webhosting-Unternehmen<\/a> zu finden, sollten Sie sich Gedanken &uuml;ber die Art der Website machen, die Sie erstellen m&ouml;chten, und die folgenden Elemente ber&uuml;cksichtigen:<\/p><ul class=\"wp-block-list\">\n<li><strong>Kosten<\/strong>. Einige Webhoster verlangen mehr als andere. Achten Sie darauf, <a href=\"https:\/\/www.hostinger.com\/de\/Preise\">den Preis<\/a> f&uuml;r den Webspace an Ihr Gesamtbudget anzupassen.<\/li>\n\n\n\n<li><strong>Merkmale<\/strong>. Achten Sie auf die Bandbreite und den Speicherplatz, um zu sehen, ob der Hosting-Anbieter Ihre Website-Dateien und die angestrebte Besucherzahl unterst&uuml;tzen kann.<\/li>\n\n\n\n<li><strong>Sicherheit<\/strong>. &Uuml;berpr&uuml;fen Sie die eingebauten Sicherheitsma&szlig;nahmen, wie z. B. automatische Backups und ein <a href=\"\/de\/kostenloses-ssl-zertifikat\">SSL-Zertifikat<\/a>.<\/li>\n\n\n\n<li><strong>Support<\/strong>. Verschiedene Webhosting-Anbieter bieten ihren eigenen Kundenservice an, entweder &uuml;ber einen Live-Chat oder per E-Mail. Achten Sie darauf, einen Webhoster zu w&auml;hlen, der rund um die Uhr zuverl&auml;ssigen Support bietet.<\/li>\n<\/ul><p>Nachdem Sie einen geeigneten Hoster gefunden haben, sollten Sie sich die verschiedenen Tarife ansehen. Letztlich h&auml;ngt die Wahl eines Webhosting-Angebots von der Art der Homepage ab, die Sie erstellen m&ouml;chten. Wenn Sie zum Beispiel einen WordPress-eCommerce-Shop aufbauen m&ouml;chten, sollten Sie sich informieren, mit welchen <a href=\"\/de\/woocommerce-hosting\">WooCommerce-Kosten<\/a> sie rechnen k&ouml;nnen.<\/p><p>Vergessen Sie jedoch nicht, auf die folgenden Merkmale zu achten:<\/p><ul class=\"wp-block-list\">\n<li><strong>Kostenloser Domain-Name<\/strong>. Hosting-Unternehmen wie Hostinger bieten Tarife an, die zumindest im ersten Jahr eine <a href=\"\/de\/kostenlose-domain\">kostenlose Domain<\/a> enthalten. Die Wahl eines Tarifs mit diesem Vorteil senkt die Anfangskosten f&uuml;r die Erstellung einer Website.<\/li>\n\n\n\n<li><strong>Geeigneter Speicherplatz<\/strong>. Achten Sie darauf, dass die Speicherkapazit&auml;t f&uuml;r alle Ihre Dateien, Bilder und Videos ausreicht, ohne die Geschwindigkeit der Website zu beeintr&auml;chtigen.<\/li>\n\n\n\n<li><strong>Gro&szlig;e Bandbreite<\/strong>. Entscheiden Sie sich f&uuml;r eine unbegrenzte Bandbreite, damit Ihre Website jederzeit einen hohen Datenverkehr bew&auml;ltigen kann.<\/li>\n<\/ul><p>Wenn Sie auf der Suche nach einem einsteigerfreundlichen Hosting-Service sind, um eine kleine bis mittlere Website zu erstellen, empfehlen wir Ihnen Shared Webhosting. Hostinger bietet <a href=\"\/de\/gunstiges-webhosting\">g&uuml;nstiges Website-Hosting<\/a> und weitere Premium-Pakete. Unser <strong>Premium-Webhosting-Plan<\/strong> kostet <strong>2,79 &euro;\/Monat <\/strong>und beinhaltet die kostenlose Registrierung eines Domainnamens sowie unbegrenzte Bandbreite und Datenbanken. Sie k&ouml;nnen auch von zus&auml;tzlichem Rabatt profitieren, den Hostinger regelm&auml;&szlig;ig f&uuml;r verschiedene Hosting-Pl&auml;ne anbietet.<\/p><p>Auf der anderen Seite bietet das Hosting einer Website auf einem vServer (VPS) einen sichereren und flexibleren Server, dessen Nutzung jedoch einige technische Kenntnisse erfordert. Allerdings k&ouml;nnen Sie mit Ihrem VPS ein einfach zu bedienendes Control Panel wie <a href=\"\/de\/vps\/cyberpanel-hosting\">Cyberpanel<\/a>, powered by LiteSpeed, installieren.<\/p><p>Bei Hostinger k&ouml;nnen Sie <a href=\"\/de\/vps-server\">vServer-Hosting-Pl&auml;ne<\/a> zwischen<strong> 5,49 &euro;\/Mona<\/strong>t und <strong>21,99 &euro;\/Monat <\/strong>kaufen. Alle Angebote beinhalten eine dedizierte IP-Adresse und 24\/7 Live-Chat-Support.<\/p><p>F&uuml;r gro&szlig;e Websites, wie z. B. Online-Shops, bietet das Cloud-Hosting eine ausgezeichnete Zuverl&auml;ssigkeit. Das <a href=\"\/de\/cloud-hosting\">Cloud-Startup-Angebot von Hostinger<\/a> kostet beispielsweise <strong>9,99 &euro;\/Monat <\/strong>und bietet Datenschutz nach Industriestandard, ein kostenloses Content Delivery N etwork (CDN) und t&auml;gliche Backups.<\/p><h3 class=\"wp-block-heading\" id=\"h-wahlen-sie-einen-einpragsamen-domainnamen\"><strong>W&auml;hlen Sie einen einpr&auml;gsamen Domainnamen<\/strong><\/h3><p>W&auml;hlen Sie schlie&szlig;lich einen Domainnamen f&uuml;r Ihre Website. Ein benutzerdefinierter Domainname ist nicht nur wichtig, um Besuchern das Auffinden einer Website zu erleichtern, sondern er ist auch Teil der Markenbildung. Ein einpr&auml;gsamer Domainname kann auch zu hohem organischen Traffic f&uuml;hren.<\/p><p>Um die richtige Domain f&uuml;r Ihre Website zu finden, sollten Sie die folgenden Elemente ber&uuml;cksichtigen:<\/p><ul class=\"wp-block-list\">\n<li><strong>Wiedererkennbarkeit<\/strong>. W&auml;hlen Sie eine kurze und eindeutige Domain, damit Besucher sie nicht falsch schreiben. Wenn Sie bekannte W&ouml;rter verwenden, k&ouml;nnen sich die Besucher Ihren Domain-Namen leichter merken.<\/li>\n\n\n\n<li>Verf&uuml;gbarkeit: Sobald Sie einen Domainnamen f&uuml;r Ihre Website im Kopf haben, k&ouml;nnen Sie mit unserem <a href=\"https:\/\/www.hostinger.com\/de\/domain-check\">Domain-Check<\/a> ganz einfach pr&uuml;fen, ob dieser noch verf&uuml;gbar ist.<\/li>\n<\/ul><p>\n\n\n    <div class=\"mb-50 mt-50 domain-checker domain-checker__bg\">\n        <h3 class=\"m-0 text-center text-white pb-10\">Domain Name Checker<\/h3>\n        <p class=\"pb-40 text-center text-white\">Instantly check domain name availability.<\/p>\n        <form id=\"domain-checker-form\" class=\"d-flex w-100 position-relative flex-column flex-sm-row align-items-center\" action=\"\/de\/domain-check\">\n            <input\n                    class=\"domain-checker__input label text-light-black\"\n                    name=\"domain\" type=\"text\"\n                    placeholder=\"Enter your desired domain name\"\n                    value=\"\"\n            \/>\n            <input id=\"domain-submit\"\n                   type=\"submit\"\n                   value=\"Check\"\n                   class=\"domain-checker__button hb--danger new-h-button-primary button text-white float-right\"\/>\n        <\/form>\n    <\/div>\n\n\n\n\n\n<\/p><ul class=\"wp-block-list\">\n<li><strong>Kosten<\/strong>. Bei der Auswahl einer Domain, die in Ihr Budget passt, sollten Sie nicht vergessen, dass verschiedene Top-Level-Domains (TLDs) unterschiedliche Preise haben. Eine Domain kann bei Hostinger <strong>0,99-12,99 &euro;\/Jahr<\/strong> kosten.<\/li>\n<\/ul><p>\n\n\n<div class=\"editor\">\n                    <h4 class=\"title\">Experten-Tipp<\/h4>\n                    <p> Wenn Sie eine Pr&auml;senz in den sozialen Medien aufbauen m&ouml;chten, stellen Sie sicher, dass der Name nicht nur bei der Registrierungsstelle f&uuml;r Domainnamen, sondern auch auf den Socia-Media-Plattformen verf&uuml;gbar ist. Es w&auml;re bedauerlich, wenn Sie einen einpr&auml;gsamen Domainnamen gekauft haben, nur um dann festzustellen, dass der Name und seine Alternativen bereits mit Social-Media-Profilen verkn&uuml;pft sind. <\/p>\n                    <div class=\"d-flex mt-40\">\n                        <div class=\"author-photo\">\n                            <img decoding=\"async\" src=\"https:\/\/secure.gravatar.com\/avatar\/eb7386ac565510671a59defe853a03981c8ffbb3c4124b12fab43b416b66d674?s=65&d=mm&r=g\" width=\"65\" height=\"65\" class=\"border-radius-50\" alt=\"Editor\" \/>\n                        <\/div>\n                        <div class=\"mt-auto mb-auto\">\n                            <p class=\"author-name\">Laura Z.<\/p>\n                            <p class=\"author-position\">Content Marketing-Expertin<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n\n\n<\/p><p>Registrieren Sie Ihre Domain dann bei einer vertrauensw&uuml;rdigen Registrierungsstelle f&uuml;r Domainnamen. Gl&uuml;cklicherweise bieten die meisten Website-Bauk&auml;sten und Webhoster die Registrierung von Domainnamen im Rahmen einiger Preispl&auml;ne an. Um einen eigenen Domainnamen zu erhalten, sind jedoch weitere Nachforschungen erforderlich.<\/p><p>Der erste Schritt zur Registrierung einer Domain auf eigene Faust ist die Suche nach einer von der<strong> Internet Corporation for Assigned Names and Numbers (ICANN)<\/strong> <a href=\"https:\/\/www.icann.org\/en\/accredited-registrars\" target=\"_blank\" rel=\"noopener\">akkreditierten Registrierstelle<\/a>. Verschiedene Registrierstellen bieten ihre eigenen Dienstleistungen, Preise und Pakete an.<\/p><p>Es ist wichtig, sich bei einem vertrauensw&uuml;rdigen Registrar zu registrieren, da diese alle Ihre Informationen speichert. Dar&uuml;ber hinaus kann der Registrar Ihre Daten in der Domaindatenbank &auml;ndern.<\/p><h2 class=\"wp-block-heading\" id=\"h-wie-man-eine-website-mit-wordpress-kostenlos-erstellt\"><strong>Wie man eine Website mit WordPress kostenlos erstellt<\/strong><\/h2><p>Sobald Sie die Plattform und das Hosting eingerichtet und Ihre Domain gekauft haben, ist es an der Zeit, Ihre eigene Website zu erstellen. Wir werden Ihnen Schritt f&uuml;r Schritt zeigen, wie Sie eine Website mit WordPress erstellen k&ouml;nnen.<\/p><p>WordPress ist &auml;u&szlig;erst flexibel und skalierbar. Die Plattform eignet sich f&uuml;r jede Art von Website, und die umfangreiche Galerie von Plugins macht es einfacher, Ihre Website zu erweitern, sobald sie bekannter wird.<\/p><p>Folgen Sie der folgenden WordPress-Anleitung, um eine neue Website zu erstellen:<\/p><h3 class=\"wp-block-heading\" id=\"h-1-installieren-sie-wordpress\"><strong>1. Installieren Sie WordPress<\/strong><\/h3><p>WordPress ist ein kostenloses und Open-Source CMS. Es gibt drei Hauptwege, WordPress zu installieren:<\/p><ul class=\"wp-block-list\">\n<li><strong>Auto-Installer<\/strong>. Einige Webhosting-Dienste, wie z. B. unsere WordPress-Pl&auml;ne, verf&uuml;gen &uuml;ber eine Auto-Installationsfunktion f&uuml;r die Software im Control Panel. Diese WordPress-Installation ist die anf&auml;ngerfreundlichste Option.<\/li>\n\n\n\n<li><strong>Manuell<\/strong>. Erstellen Sie Ihre eigene Datenbank f&uuml;r eine manuelle Installation. Der Prozess dauert zwar l&auml;nger, ist aber dennoch einfach zu befolgen.<\/li>\n\n\n\n<li><strong>Lokal<\/strong>. Installieren Sie WordPress auf Ihrem Computer, um die &Auml;nderungen zu testen, bevor Sie online gehen. Laden Sie die <a href=\"https:\/\/de.wordpress.org\/download\/\" target=\"_blank\" rel=\"noopener\">neueste Version von WordPress<\/a> herunter und installieren Sie WordPress lokal mit MAMP f&uuml;r macOS oder WampServer f&uuml;r Windows.<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-2-wahlen-sie-ein-wordpress-theme\"><strong>2. W&auml;hlen Sie ein WordPress-Theme<\/strong><\/h3><p>Das Design einer Website ist wichtig, um Besucher anzuziehen. Ein optisch ansprechendes Design kann auch die Nutzererfahrung auf einer Website verbessern.<\/p><p>Einen Webdesigner zu beauftragen, um eine professionell aussehende Website zu erstellen, ist eine Option, kann aber teuer werden. Gl&uuml;cklicherweise bietet die WordPress-Plattform eine intuitive Oberfl&auml;che, die jedem Benutzer bei der Gestaltung seiner Website hilft.<\/p><p>Im offiziellen WordPress-Themes-Repository gibt es &uuml;ber<strong> <\/strong><a href=\"https:\/\/de.wordpress.org\/themes\/\" target=\"_blank\" rel=\"noopener\"><strong>8.800<\/strong> kostenlose und Premium-WordPress-Themes<\/a>. Einige Designs sind f&uuml;r alle Arten von Websites geeignet, w&auml;hrend andere auf einen bestimmten Zweck ausgerichtet sind:<\/p><ul class=\"wp-block-list\">\n<li><strong>eCommerce<\/strong>. Bei der Gestaltung von Online-Shops legen die meisten Themes den Schwerpunkt auf Benutzerfreundlichkeit, Produktseiten und Zahlungsgateways. Beispiele f&uuml;r beliebte eCommerce-Themen sind Divi und <a href=\"https:\/\/generatepress.com\/\" target=\"_blank\" rel=\"noopener\">GeneratePress<\/a>.<\/li>\n\n\n\n<li><strong>Bloggen<\/strong>. Bevorzugen Sie SEO-freundliche Designs mit ausgezeichneter Navigation. Blog-Themes wie <a href=\"https:\/\/wpastra.com\/?bsf=5643\" target=\"_blank\" rel=\"noopener\">Astra<\/a> und <a href=\"https:\/\/wordpress.org\/themes\/oceanwp\/\" target=\"_blank\" rel=\"noopener\">OceanWP<\/a> sind hervorragend geeignet, um das Design Ihrer Website zu verbessern.<\/li>\n\n\n\n<li><strong>Portfolio<\/strong>. Um fr&uuml;here Projekte zu pr&auml;sentieren, w&auml;hlen Sie ein Portfolio-Theme, das nicht ablenkt und Ihre Arbeit hervorheben kann. Verwenden Sie zum Beispiel einfache WordPress-Themes wie <a href=\"https:\/\/wordpress.org\/themes\/cleanportfolio\/\" target=\"_blank\" rel=\"noopener\">Clean Portfolio<\/a> oder Air.<\/li>\n<\/ul><p>Der Durchschnittspreis f&uuml;r ein Premium-Theme liegt bei ca. <strong>50 Euro f&uuml;r einen einmaligen Kauf<\/strong>. Es ist m&ouml;glich, mit einem kostenlosen WordPress-Theme zu beginnen und ein Premium-Theme zu erwerben, wenn Ihre Website an Bedeutung gewinnt. Einige Premium-Themes bieten zus&auml;tzliche Tools und Funktionen zur Optimierung von WordPress-Sites.<\/p><p>Um ein Theme zu installieren, gehen Sie in die WordPress-Verwaltung und f&uuml;hren Sie die folgenden Schritte aus:<\/p><ol class=\"wp-block-list\">\n<li>Gehen Sie zu <strong>Dashboard -&gt; Design -&gt; Themes <\/strong>und w&auml;hlen Sie ein Theme f&uuml;r Ihre Website aus. Um die vollst&auml;ndige Theme-Galerie anzuzeigen, klicken Sie auf die Schaltfl&auml;che <strong>Neues Theme hinzuf&uuml;gen<\/strong>.<img decoding=\"async\" width=\"1024\" height=\"554\" class=\"wp-image-203\" style=\"width: 1000px\" src=\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2023\/01\/1.png\" alt=\"\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/li>\n\n\n\n<li>Bl&auml;ttern Sie durch die Theme-Galerie und klicken Sie auf <strong>Details &amp; Vorschau<\/strong> oder auf die Schaltfl&auml;che <strong>Vorschau<\/strong>, um zu sehen, wie es auf einer Website aussieht.<img decoding=\"async\" width=\"1024\" height=\"510\" class=\"wp-image-204\" style=\"width: 1000px\" src=\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2023\/01\/2.png\" alt=\"\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/2.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/2.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/2.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/li>\n\n\n\n<li>Um das ausgew&auml;hlte Thema zu verwenden, klicken Sie auf <strong>Installieren -&gt; Aktivieren<\/strong>. Um jedoch zur Galerie zur&uuml;ckzukehren, klicken Sie auf das <strong>X<\/strong>-Symbol in der oberen linken Ecke.<\/li>\n\n\n\n<li>Klicken Sie auf die Schaltfl&auml;che <strong>Anpassen<\/strong>, um das Design zu bearbeiten.<img decoding=\"async\" width=\"1024\" height=\"428\" class=\"wp-image-205\" style=\"width: 1000px\" src=\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2023\/01\/3.png\" alt=\"\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/3.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/3.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/3.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/li>\n\n\n\n<li>Passen Sie das Design an, indem Sie das Layout, die Farben und die Schriftarten &auml;ndern.<img decoding=\"async\" width=\"1024\" height=\"614\" class=\"wp-image-206\" style=\"width: 1000px\" src=\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2023\/01\/4.png\" alt=\"\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/4.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/4.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/4.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/li>\n\n\n\n<li>Klicken Sie auf die Symbole f&uuml;r <strong>Tablets <\/strong>oder <strong>Mobilger&auml;te <\/strong>in der unteren linken Ecke, um das Design auf einem kleineren Bildschirm anzuzeigen.<\/li>\n<\/ol><p>Bei einem Premium-Theme m&uuml;ssen Sie dessen Dateien nach dem Kauf manuell hochladen. Gehen Sie zur&uuml;ck zu <strong>Dashboard -&gt; Design -&gt; Theme -&gt; Neues Theme hinzuf&uuml;gen <\/strong>und klicken Sie auf die Schaltfl&auml;che <strong>Theme hochladen<\/strong>. W&auml;hlen Sie die <strong>.zip<\/strong>-Datei des Themes aus und <strong>aktivieren <\/strong>Sie es, nachdem der Uploadvorgang abgeschlossen ist.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"589\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/5.png\/public\" alt=\"\" class=\"wp-image-207\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/5.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/5.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/5.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>\n\n\n<div class=\"editor\">\n                    <h4 class=\"title\">Experten-Tipp<\/h4>\n                    <p>Hier bei Hostinger haben wir unseren Kunden geholfen, jede erdenkliche Website zu erstellen. Wenn Sie nicht weiterkommen, z&ouml;gern Sie nicht, uns zu kontaktieren und wir werden Sie Schritt f&uuml;r Schritt durch den Prozess begleiten.<\/p>\n                    <div class=\"d-flex mt-40\">\n                        <div class=\"author-photo\">\n                            <img decoding=\"async\" src=\"https:\/\/secure.gravatar.com\/avatar\/96cd154ae688d7a15a7d0d0e65a85234281f31e2b23b34b93d5cd081271defc2?s=65&d=mm&r=g\" width=\"65\" height=\"65\" class=\"border-radius-50\" alt=\"Editor\" \/>\n                        <\/div>\n                        <div class=\"mt-auto mb-auto\">\n                            <p class=\"author-name\">Darius G.<\/p>\n                            <p class=\"author-position\">Chief Customer Officer<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n\n\n<\/p><p>&nbsp;<\/p><h3 class=\"wp-block-heading\" id=\"h-3-installieren-sie-wordpress-plugins\"><strong>3. Installieren Sie WordPress-Plugins<\/strong><\/h3><p>Einer der Vorteile bei der Erstellung von Websites mit der WordPress-Plattform ist die umfangreiche Galerie von Plugins. Ein WordPress-Plugin ist eine Software, die die Funktionalit&auml;t einer WordPress-Website erweitert. Mit Plugins k&ouml;nnen Benutzer jede Art von Website erstellen, ohne Code lernen zu m&uuml;ssen.<\/p><p>WordPress verf&uuml;gt &uuml;ber mehr als <a href=\"https:\/\/de.wordpress.org\/plugins\/\" target=\"_blank\" rel=\"noopener\">59.000 kostenlose und Premium-Plugins<\/a> f&uuml;r verschiedene Zwecke &ndash; von der Erh&ouml;hung der Sicherheit bis zum Teilen von Website-Inhalten. Die Vorteile der Verwendung von WordPress-Plugins sind unter anderem:<\/p><ul class=\"wp-block-list\">\n<li><strong>Benutzerfreundlichkeit<\/strong>. Sie helfen den Nutzern, besser zwischen den Webseiten zu navigieren, indem sie die Men&uuml;s der Website optimieren.<\/li>\n\n\n\n<li><strong>Zus&auml;tzliche Tools<\/strong>. Erweitern Sie die Funktionen, indem Sie Tools wie Schaltfl&auml;chen f&uuml;r soziale Medien hinzuf&uuml;gen oder die SEO einer Website verbessern.<\/li>\n\n\n\n<li><strong>Leistung<\/strong>. Verbessern Sie die Geschwindigkeit der Website, die Sicherheit und die Benutzerverwaltung.<\/li>\n<\/ul><p>Um ein WordPress-Plugin zu installieren, gehen Sie zu <strong>Dashboard -&gt; Plugins -&gt; Neu hinzuf&uuml;gen<\/strong>. Durchsuchen Sie die Plugin-Galerie oder geben Sie den Namen eines Plugins in das Feld <strong>Plugins suchen<\/strong> ein, um ein bestimmtes Plugin zu finden. Nachdem Sie das Plugin gefunden haben, klicken Sie auf die Schaltfl&auml;che <strong>Jetzt installieren<\/strong> und <strong>aktivieren <\/strong>Sie es.<\/p><p>Premium-Plugins laden Sie manuell hoch, nachdem Sie sie gekauft haben. Gehen Sie zu WordPress <strong>Dashboard -&gt; Plugins -&gt; Neu hinzuf&uuml;gen<\/strong>, und klicken Sie auf <strong>Plugin hochladen<\/strong>, um Ihre Premium-Plugins zu installieren und zu aktivieren.<\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"506\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/WordPress-upload-plugin.jpg\/public\" alt=\"\" class=\"wp-image-104\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/WordPress-upload-plugin.jpg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/WordPress-upload-plugin.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/WordPress-upload-plugin.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>\n\n\n<div class=\"editor\">\n                    <h4 class=\"title\">Experten-Tipp<\/h4>\n                    <p>Beachten Sie, dass die Installation von zu vielen Plugins f&uuml;r eine WordPress-Website die Serverressourcen &uuml;berfordern kann. Au&szlig;erdem sind WordPress-Plugins Open-Source-Plugins, was bedeutet, dass einige schlecht codierte Plugins andere Teile einer Website gef&auml;hrden k&ouml;nnen. Daher sollten Sie bei der Installation von WordPress-Plugins immer der Qualit&auml;t den Vorzug vor der Quantit&auml;t geben.<\/p>\n                    <div class=\"d-flex mt-40\">\n                        <div class=\"author-photo\">\n                            <img decoding=\"async\" src=\"https:\/\/secure.gravatar.com\/avatar\/1c426d0f9bfd260be203febab118b5d189230d5a77d26c20f4387c21506fa9ab?s=65&d=mm&r=g\" width=\"65\" height=\"65\" class=\"border-radius-50\" alt=\"Editor\" \/>\n                        <\/div>\n                        <div class=\"mt-auto mb-auto\">\n                            <p class=\"author-name\">Domantas G.<\/p>\n                            <p class=\"author-position\">Leiter des SEO- und Content-Teams<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n\n\n<\/p><p>Hier sind einige der qualitativ hochwertigen Plugins zur Optimierung Ihrer WordPress-Website:<\/p><ul class=\"wp-block-list\">\n<li><strong>Contact Form 7<\/strong> &ndash; erstellt anpassbare Kontaktformulare f&uuml;r Ihre Webseiten.<\/li>\n\n\n\n<li><strong>WooCommerce <\/strong>&ndash; hilft dabei, Produktseiten und Zahlungsgateways einfach hinzuzuf&uuml;gen. Geeignet f&uuml;r jede Art von Website zum Hinzuf&uuml;gen eines Online-Shops.<\/li>\n\n\n\n<li><strong>Akismet <\/strong>&ndash; pr&uuml;ft Kommentare und Kontaktformulare, um b&ouml;sartige Inhalte zu verhindern.<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-4-erstellen-sie-ihre-erste-wordpress-seite\"><strong>4. Erstellen Sie Ihre erste WordPress-Seite<\/strong><\/h3><p>Wenn Sie eine Website erstellen, haben Sie die M&ouml;glichkeit, eine einzelne Seite oder mehrere Seiten zu erstellen. Wenn Sie sich f&uuml;r Letzteres entscheiden, sollten Sie die folgenden Seiten hinzuf&uuml;gen:<\/p><ul class=\"wp-block-list\">\n<li><strong>Startseite<\/strong>. Die erste Seite, die Besucher sehen, wenn sie eine Website besuchen. Eine Homepage muss schnell, inhaltlich und gestalterisch ansprechend sein, um die Aufmerksamkeit der Besucher sofort zu wecken.<\/li>\n\n\n\n<li><strong>&bdquo;&Uuml;ber uns&rdquo;-Seite<\/strong>. Weitere Informationen &uuml;ber eine Website, wobei angegeben wird, ob es sich um eine gesch&auml;ftliche oder eine pers&ouml;nliche Website handelt.<\/li>\n\n\n\n<li><strong>Kontaktseite<\/strong>. Eine M&ouml;glichkeit f&uuml;r Besucher, den Website-Besitzer f&uuml;r weitere Fragen zu kontaktieren.<\/li>\n\n\n\n<li><strong>Blog-Seite<\/strong>. F&uuml;gt einer Website regelm&auml;&szlig;ig neue Inhalte hinzu und h&auml;lt sie so auf dem neuesten Stand.<\/li>\n\n\n\n<li><strong>Produkt- oder Dienstleistungsseite<\/strong>. Verkaufen Sie Produkte und Dienstleistungen auf einer separaten Seite, vor allem f&uuml;r ein eCommerce-Gesch&auml;ft.<\/li>\n<\/ul><p>Um Ihre erste Seite auf einer neuen Website zu erstellen, gehen Sie zu <strong>Dashboard -&gt; Seiten -&gt; Neu hinzuf&uuml;gen<\/strong>.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1015\" height=\"430\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/WordPress-pages.jpg\/public\" alt=\"\" class=\"wp-image-105\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/WordPress-pages.jpg\/w=1015,fit=scale-down 1015w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/WordPress-pages.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/WordPress-pages.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1015px) 100vw, 1015px\" \/><\/figure><p>Wenn Sie eine Website-Page erstellen, legen Sie den Schwerpunkt auf informative und genaue Inhalte sowie eine benutzerfreundliche Navigation. WordPress verf&uuml;gt &uuml;ber integrierte <strong>Bl&ouml;cke<\/strong>, die Ihnen bei der Erstellung von Inhalt und Layout helfen. Dr&uuml;cken Sie auf das <strong>+<\/strong>-Symbol in der oberen linken Ecke und bl&auml;ttern Sie durch alle Bl&ouml;cke, um eine Seite zu optimieren.<\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"594\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/WordPress-sample-page-1.jpg\/public\" alt=\"\" class=\"wp-image-107\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/WordPress-sample-page-1.jpg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/WordPress-sample-page-1.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/WordPress-sample-page-1.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Bei einer Blog-Seite m&uuml;ssen Sie nichts auf der Seite einf&uuml;gen.<\/p><p>Gehen Sie einfach zu<strong> Einstellungen -&gt; Anzeige <\/strong>und w&auml;hlen Sie eine statische Seite, neben dem Abschnitt<strong> Deine Website zeigt an<\/strong>. W&auml;hlen Sie die leere Blogseite im Abschnitt <strong>Artikelseite<\/strong> aus und klicken Sie auf <strong>&Auml;nderungen speichern<\/strong>. Jedes Mal, wenn Sie Blogbeitr&auml;ge hinzuf&uuml;gen, zeigt WordPress diese automatisch auf der Blogseite an.<\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"620\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/WordPress-reading-settings-1.jpg\/public\" alt=\"\" class=\"wp-image-108\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/WordPress-reading-settings-1.jpg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/WordPress-reading-settings-1.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/WordPress-reading-settings-1.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Dar&uuml;ber hinaus verf&uuml;gt WordPress &uuml;ber Plugins f&uuml;r die Seitenerstellung, mit denen Sie Ihre Webseiten noch freier gestalten k&ouml;nnen. Einige der beliebtesten WordPress-Seiten-Erstellungsprogramme sind Elementor, Beaver Builder und WPBakery Page Builder. Die meisten von ihnen bieten eine Drag-and-Drop-Benutzeroberfl&auml;che, vorgefertigte Designs und eine Gr&ouml;&szlig;enanpassung des Inhalts.<\/p><p>Zu den Vorteilen der Verwendung von Page Buildern geh&ouml;ren:<\/p><ul class=\"wp-block-list\">\n<li><strong>Einsteigerfreundlich<\/strong>. Erstellen Sie interaktive und qualitativ hochwertige Webseiten, ohne dass Sie Vorwissen in Programmierung ben&ouml;tigen.<\/li>\n\n\n\n<li><strong>Schneller<\/strong>. Verwenden Sie vorgefertigte Abschnitte und Vorlagen, um verschiedene Arten von Seiten zu erstellen, anstatt jede Seite von Grund auf neu zu erstellen.<\/li>\n\n\n\n<li><strong>Zus&auml;tzliche Funktionen<\/strong>. Verbessern Sie die Funktionalit&auml;t und das Design, indem Sie den Webseiten weitere Funktionen hinzuf&uuml;gen.<\/li>\n<\/ul><p>Beachten Sie, dass einige Plugins besser f&uuml;r eine bestimmte Art von Website geeignet sind.<\/p><p>\n\n\n    <p class=\"warning\">\n        Achtung! Verwenden Sie jeweils nur einen Page Builder. Die gleichzeitige Verwendung verschiedener Seiten-Erstellungsprogramme kann zu Fehlern f&uuml;hren und eine Website verlangsamen.    <\/p>\n    \n\n\n\n<\/p><p>&nbsp;<\/p><h3 class=\"wp-block-heading\" id=\"h-5-erstellen-sie-ein-navigationsmenu-und-widgets\"><strong>5. Erstellen Sie ein Navigationsmen&uuml; und Widgets<\/strong><\/h3><p>Wenn Sie eine Website erstellen, sollten Sie die Benutzerfreundlichkeit beim Zugriff auf die Seiten ber&uuml;cksichtigen. Um die Navigation auf Ihrer WordPress-Website zu verbessern, optimieren Sie die Men&uuml;s und Widgets.<\/p><p>Beginnen Sie mit der Erstellung eines Men&uuml;s, um den Besuchern die Navigation zwischen den Seiten zu erleichtern. Unabh&auml;ngig davon, welche Seite sie &ouml;ffnen, sollte die Website das gleiche Men&uuml; anzeigen. Alternativ k&ouml;nnen Sie auch separate Men&uuml;s f&uuml;r verschiedene Seiten erstellen.<\/p><p>F&uuml;hren Sie die folgenden Schritte aus, um ein Men&uuml; zu erstellen:<\/p><ol class=\"wp-block-list\">\n<li>Gehen Sie zu WordPress<strong> Dashboard -&gt; Design -&gt; Men&uuml;s <\/strong>und geben Sie einen <strong>Men&uuml;namen <\/strong>ein. Legen Sie unter <strong>Men&uuml;einstellungen <\/strong>fest, ob neue Seiten automatisch zum Men&uuml; hinzugef&uuml;gt werden sollen. W&auml;hlen Sie dann den <strong>Anzeigeort <\/strong>auf der Website. Klicken Sie auf <strong>Men&uuml; erstellen<\/strong>, um den Vorgang abzuschlie&szlig;en.<img decoding=\"async\" width=\"1098\" height=\"603\" class=\"wp-image-210\" style=\"width: 1000px\" src=\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2023\/01\/6.png\" alt=\"\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/6.png\/w=1098,fit=scale-down 1098w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/6.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/6.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/6.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1098px) 100vw, 1098px\" \/><\/li>\n\n\n\n<li>W&auml;hlen Sie die <strong>Seiten, Beitr&auml;ge <\/strong>oder <strong>Kategorien<\/strong> aus, die dem <strong>Men&uuml; hinzugef&uuml;gt <\/strong>werden sollen. Klicken Sie dann auf <strong>Men&uuml; speichern<\/strong>, um die &Auml;nderungen zu &uuml;bernehmen.<\/li>\n<\/ol><p>Ziehen Sie au&szlig;erdem in Betracht, die folgenden WordPress-Men&uuml;-Plugins zu installieren, um das Design und die Navigation zu optimieren:<\/p><ul class=\"wp-block-list\">\n<li><strong>Max Mega Menu<\/strong> &ndash; bietet ein schnelles und responsives Men&uuml;, um den Benutzern die Navigation zwischen den Seiten zu erleichtern.<\/li>\n\n\n\n<li><strong>Responsive Menu<\/strong> &ndash; bietet mehr als 150 Anpassungsoptionen mit einer einsteigerfreundlichen und leichten Schnittstelle.<\/li>\n\n\n\n<li><strong>WP Mobile Menu<\/strong> &ndash; optimiert das Website-Men&uuml; auf mobilen Ger&auml;ten mit einem schnellen, einfachen und reaktionsf&auml;higen Men&uuml;.<\/li>\n<\/ul><p>Neben der Erstellung einfach zu navigierender Men&uuml;s kann die Anpassung von WordPress-Widgets auch die Nutzererfahrung verbessern. Widgets f&uuml;gen der Kopfzeile, der Fu&szlig;zeile und den Sidebars einer Website zus&auml;tzlichen Inhalt und Struktur hinzu. Zu den beliebtesten Widgets geh&ouml;ren &bdquo;Neueste Beitr&auml;ge&ldquo;, &bdquo;Kalender&ldquo; und eine Suchleiste.<\/p><p>Einige Themes zeigen bestimmte Widgets sofort an. Es ist jedoch auch m&ouml;glich, ein benutzerdefiniertes Widget zu erstellen. Gehen Sie dazu zu <strong>Design -&gt; Widget<\/strong>. Klicken Sie auf das<strong> +<\/strong>-Symbol, um weitere Inhalte mit Hilfe von Bl&ouml;cken hinzuzuf&uuml;gen.<\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1515\" height=\"720\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/7.png\/public\" alt=\"\" class=\"wp-image-211\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/7.png\/w=1515,fit=scale-down 1515w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/7.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/7.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/7.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1515px) 100vw, 1515px\" \/><\/figure><p>Folgen Sie diesen Schritten, um Widgets direkt im Webdesign anzupassen:<\/p><ol class=\"wp-block-list\">\n<li>Gehen Sie zu <strong>Dashboard -&gt; Design -&gt; Anpassen<\/strong>.<\/li>\n\n\n\n<li>W&auml;hlen Sie im Men&uuml; <strong>Anpassen <\/strong>die Option <strong>Widgets <\/strong>aus, um die verschiedenen Bereiche zum Hinzuf&uuml;gen von Widgets anzuzeigen, z. B. <strong>Seitenleiste rechts, Fu&szlig;zeile, Kopfzeile <\/strong>und <strong>Seitenbereich<\/strong>.<img decoding=\"async\" width=\"1359\" height=\"796\" class=\"wp-image-212\" style=\"width: 1000px\" src=\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2023\/01\/8.png\" alt=\"\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/8.png\/w=1359,fit=scale-down 1359w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/8.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/8.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/8.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1359px) 100vw, 1359px\" \/><\/li>\n\n\n\n<li>Verschieben Sie die Bl&ouml;cke, um die Widgets neu anzuordnen, oder klicken Sie auf das <strong>+<\/strong>-Symbol, um weitere Bl&ouml;cke hinzuzuf&uuml;gen. Die &Auml;nderungen werden sofort angezeigt.<img decoding=\"async\" width=\"1354\" height=\"796\" class=\"wp-image-213\" style=\"width: 1000px\" src=\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2023\/01\/9.png\" alt=\"\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/9.png\/w=1354,fit=scale-down 1354w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/9.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/9.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/9.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1354px) 100vw, 1354px\" \/><\/li>\n\n\n\n<li>Klicken Sie auf <strong>Ver&ouml;ffentlichen<\/strong>, um Ihre Anpassungen zu speichern. Sie k&ouml;nnen stattdessen auch auf das <strong>Zahnradsymbol <\/strong>daneben klicken, um den <strong>Entwurf zu speichern<\/strong>.<\/li>\n<\/ol><h3 class=\"wp-block-heading\" id=\"h-6-optimieren-sie-ihre-website-fur-seo-und-conversions\"><strong>6. Optimieren Sie Ihre Website f&uuml;r SEO und Conversions<\/strong><\/h3><p><a href=\"\/de\/tutorials\/was-ist-seo\">Suchmaschinenoptimierung (SEO)<\/a> verbessert das Ranking einer Webseite auf den <strong>Suchmaschinenergebnisseiten <\/strong>(SERPs). Mit einer guten Suchmaschinenoptimierung k&ouml;nnen Sie mehr Besucher anlocken und eine Website als vertrauensw&uuml;rdige Quelle positionieren.<\/p><p>Eine der besten M&ouml;glichkeiten zur Verbesserung der SEO auf einer WordPress-Website ist die Verwendung von SEO-Tools:<\/p><ul class=\"wp-block-list\">\n<li><strong>Yoast SEO <\/strong>&ndash; hilft bei der Optimierung Ihrer Website durch automatisierte technische SEO-Verbesserungen und erweiterte XML-Sitemaps.<\/li>\n\n\n\n<li><strong>Google XML Sitemaps<\/strong> &ndash; generiert automatisch eine vollst&auml;ndige XML-Sitemap f&uuml;r Ihre WordPress-Website, die es den Suchmaschinen erleichtert, Ihre Webseiten zu crawlen.<\/li>\n\n\n\n<li><strong>Broken Link Checker <\/strong>&ndash; verhindert, dass Suchmaschinen kaputte Links auf Ihrer Website finden, um die SEO-Leistung konsistent zu halten und die Benutzerfreundlichkeit zu verbessern.<\/li>\n\n\n\n<li><strong>W3 Total Cache<\/strong> &ndash; minimiert die Downloadzeit, indem es die Geschwindigkeit der Website bis zu 10 Mal erh&ouml;ht.<\/li>\n<\/ul><p>Dar&uuml;ber hinaus kann SEO auch die Markenbekanntheit erh&ouml;hen. Bestimmte Unternehmenswebsites, wie z. B. Technologieunternehmen, erzielen doppelt so hohe Einnahmen aus organischen Suchanfragen. SEO kann dazu beitragen, die Konversionsrate zu erh&ouml;hen, indem es Folgendes verbessert:<\/p><ul class=\"wp-block-list\">\n<li><strong>Geschwindigkeit der Website<\/strong>. Die ideale Ladezeit einer Website liegt unter zwei Sekunden. Eine schnelle Website-Geschwindigkeit ermutigt Besucher, sich mehr Seiten anzuschauen.<\/li>\n\n\n\n<li><strong>Bilder<\/strong>. Optimieren Sie Bilder und Grafiken, um eine Website f&uuml;r Besucher optisch ansprechender zu gestalten.<\/li>\n\n\n\n<li><strong>Mobile-Responsiveness<\/strong>. Verbessern Sie die Leistung der Website auf mobilen Ger&auml;ten und Touchscreens, damit die Besucher Ihre Website auf allen Ger&auml;ten &ouml;ffnen k&ouml;nnen.<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-7-skalieren-sie-ihre-website\"><strong>7. Skalieren Sie Ihre Website<\/strong><\/h3><p>WordPress bietet eine Vielzahl von M&ouml;glichkeiten, Ihre Website zu skalieren. So k&ouml;nnen zum Beispiel kleine Unternehmenswebsites in gro&szlig;e eCommerce-Shops verwandelt werden.<\/p><p>Hier sind einige Funktionen, die bei der Skalierung Ihrer WordPress-Website helfen:<\/p><ul class=\"wp-block-list\">\n<li><strong>eCommerce-Plugins<\/strong>. Erstellen Sie ein Online-Gesch&auml;ft mit einem sicheren Zahlungs-Gateway und einfach zu navigierenden Produktseiten. Eines der besten WordPress-eCommerce-Plugins ist WooCommerce, mit dem Sie eine eCommerce-Website schneller und einfacher erstellen k&ouml;nnen.<\/li>\n\n\n\n<li><strong>Buchungs-Plugins<\/strong>. F&uuml;r eine gesch&auml;ftliche Website, die eine Buchung erfordert, wie z. B. ein Hotel oder ein Restaurant, helfen Buchungs-Plugins den Kunden, die Verf&uuml;gbarkeit zu pr&uuml;fen, Pl&auml;tze zu reservieren und Online-Zahlungen vorzunehmen.<\/li>\n\n\n\n<li><strong>Plugins f&uuml;r Kontaktformulare<\/strong>. Um mit den Website-Besuchern in Verbindung zu bleiben, bieten Sie ihnen eine einfache M&ouml;glichkeit, Sie f&uuml;r weitere Anfragen zu kontaktieren. Kontaktformulare reduzieren auch Spam, indem sie verhindern, dass Ihre E-Mail-Adresse ver&ouml;ffentlicht wird.<\/li>\n\n\n\n<li><strong>Mobile-Responsiveness<\/strong>. Gestalten Sie Ihre Website mobilfreundlich, da <a href=\"https:\/\/www.statista.com\/statistics\/277125\/share-of-website-traffic-coming-from-mobile-devices\/\" target=\"_blank\" rel=\"noopener\">59,16 %<\/a> des weltweiten Website-Traffics &uuml;ber mobile Ger&auml;te erfolgen. Auf diese Weise kann Ihre Website mehr Zielgruppen erreichen und der Konkurrenz einen Schritt voraus sein.<\/li>\n<\/ul><p>Abgesehen davon, dass Sie mehr Funktionen hinzuf&uuml;gen sollten, m&uuml;ssen Sie auch sicherstellen, dass Ihr Server zu der Art von Website passt, die Sie erstellen. Wenn Sie Ihre Website zu einer anderen Art von WordPress-Website skalieren, sollten Sie dies ber&uuml;cksichtigen:<\/p><ul class=\"wp-block-list\">\n<li><strong>Speicherplatz<\/strong>. Stellen Sie sicher, dass Sie die Speicherkapazit&auml;t erh&ouml;hen, wenn Sie mehr Dateien, Seiten und Tools zu einer Website hinzuf&uuml;gen. Dies wird dazu beitragen, langsame Ladezeiten zu vermeiden, da die Geschwindigkeit immer noch einer der wichtigsten Aspekte einer Website ist.<\/li>\n\n\n\n<li><strong>Qualit&auml;t<\/strong>. Wenn Sie weitere Informationen zu einer Website hinzuf&uuml;gen, &uuml;berpr&uuml;fen Sie die alten Seiten und Dateien, um eine gleichbleibende Qualit&auml;t zu gew&auml;hrleisten.<\/li>\n\n\n\n<li><strong>Sicherheit<\/strong>. Die Skalierung einer Website bedeutet oft mehr Interaktion mit den Besuchern. Um Ihre Website und die Daten Ihrer Besucher zu sch&uuml;tzen, sollten Sie auf solide WordPress-Sicherheitsfunktionen achten.<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-8-starten-sie-ihre-website\"><strong>8. Starten Sie Ihre Website<\/strong><\/h3><p>Pr&uuml;fen Sie vor dem Start einer Website, ob es Probleme gibt, die die Benutzerfreundlichkeit beeintr&auml;chtigen k&ouml;nnten. Es gibt verschiedene M&ouml;glichkeiten, eine Website zu testen, bevor sie online geht:<\/p><ul class=\"wp-block-list\">\n<li><strong>Familie und Freunde<\/strong>. Bitten Sie jemanden, den Sie kennen, die Website aus der Besucher-Sicht zu betrachten. Holen Sie sich Feedback zum Design, zur Navigation, zu den Funktionen und zur Reaktionsf&auml;higkeit auf mobile Endger&auml;te.<\/li>\n\n\n\n<li><strong>A\/B-Tests<\/strong>. Verwenden Sie Tools wie Google Optimize oder Nelio AB-Testing, um zwei Versionen einer Website zu vergleichen. Diese Technik liefert datengest&uuml;tzte Erkenntnisse dar&uuml;ber, welche Version besser funktioniert.<\/li>\n\n\n\n<li><strong>Geschwindigkeitstest<\/strong>. Eine schnelle Website lockt mehr Besucher zum Verweilen und Durchbl&auml;ttern der Seiten. Es gibt Tools, mit denen sich die Geschwindigkeit einer Website testen l&auml;sst.<\/li>\n<\/ul><figure class=\"wp-block-image size-large\"><a href=\"\/de\/website-erstellen\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/02\/DE-Website-Builder_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-3571\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/02\/DE-Website-Builder_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/02\/DE-Website-Builder_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/02\/DE-Website-Builder_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-wie-man-eine-website-mit-dem-hostinger-website-baukasten-erstellt\"><strong>Wie man eine Website mit dem Hostinger Website-Baukasten erstellt<\/strong><\/h2><p>Das Erstellen von Websites mit einem Website-Builder ist sogar noch einfacher. Der Website-Baukasten von Hostinger bietet eine benutzerfreundliche Oberfl&auml;che, mit der Sie Ihren eigenen Inhalt und Ihr eigenes Layout erstellen k&ouml;nnen. Au&szlig;erdem finden Sie hier einige der Vorteile, die sich aus der Nutzung des Hostinger-Website-Builders ergeben:<\/p><ul class=\"wp-block-list\">\n<li><strong>Cloud-Hosting<\/strong> &ndash; zuverl&auml;ssigere Leistung und weniger anf&auml;llig f&uuml;r Ausfallzeiten.<\/li>\n\n\n\n<li><strong>Sicherheit <\/strong>&ndash; entspricht den PCI-Standards f&uuml;r die privaten Daten der Besucher.<\/li>\n\n\n\n<li><strong>Tools mit k&uuml;nstlicher Intelligenz (KI)<\/strong> &ndash; helfen bei Branding, Marketing und Optimierung einer Website.<\/li>\n\n\n\n<li><strong>Schnelle Einrichtung<\/strong> &ndash; intuitive Oberfl&auml;che f&uuml;r die Bearbeitung und Erstellung Ihrer eigenen Inhalte.<\/li>\n<\/ul><p>Da der Website-Builder von Hostinger stark visuell gepr&auml;gt ist, eignet er sich am besten f&uuml;r Online-Portfolios, Fotografie-Blogs und Medien-Websites. Hier sind die Schritte zur Verwendung dieses Website-Baukastens:<\/p><h3 class=\"wp-block-heading\" id=\"h-1-wahlen-sie-eine-vorlage\"><strong>1. W&auml;hlen Sie eine Vorlage<\/strong><\/h3><p>Die Wahl einer Vorlage ist ein wichtiger erster Schritt, da sie Einfluss darauf hat, wie der Inhalt Ihrer Website dargestellt wird. W&auml;hlen Sie zun&auml;chst Hostinger als Website-Plattform Ihrer Wahl in Ihrem Hosting-Panel aus.<\/p><figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2023\/01\/10.png\"><img decoding=\"async\" width=\"1024\" height=\"781\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/10.png\/public\" alt=\"\" class=\"wp-image-217\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/10.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/10.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/10.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>Sobald Sie den Hostinger Website-Baukasten ausgew&auml;hlt und angegeben haben, welche Domain mit Ihrer Website verkn&uuml;pft werden soll, werden Sie zu den verf&uuml;gbaren <a href=\"https:\/\/www.hostinger.com\/de\/website-vorlagen\">Website-Vorlagen<\/a> weitergeleitet.<\/p><figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2023\/01\/11.png\"><img decoding=\"async\" width=\"1024\" height=\"621\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/11.png\/public\" alt=\"Hostinger Website Builder Vorlagenbibliothek\" class=\"wp-image-218\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/11.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/11.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/11.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>W&auml;hlen Sie aus den von Designern erstellten Vorlagen Ihr liebstes Website-Template aus. Sie sind in Kategorien unterteilt, wie z. B.<strong> eCommerce, Dienstleistungen, Fotografie, Restaurants, Portfolio, Lebenslauf, Events <\/strong>und <strong>Landingpages<\/strong>. Sie k&ouml;nnen auch eine leere Vorlage w&auml;hlen, wenn Sie dies w&uuml;nschen.<\/p><p>Um zu entscheiden, welche Vorlage Sie verwenden m&ouml;chten, bewegen Sie den Mauszeiger &uuml;ber die gew&uuml;nschte Vorlage und klicken Sie auf <strong>Vorschau<\/strong>, um die Vorlage in Aktion zu sehen.<\/p><figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2023\/01\/12.png\"><img decoding=\"async\" width=\"1024\" height=\"621\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/12.png\/public\" alt=\"Vorlagenauswahl und Vorschau im Hostinger Homepage-Baukasten\" class=\"wp-image-219\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/12.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/12.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/12.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>Wenn Sie sich f&uuml;r eine Vorlage entschieden haben, klicken Sie auf den Button <strong>Jetzt Erstellen<\/strong>. Um zur Vorlagenbibliothek zur&uuml;ckzukehren, klicken Sie auf <strong>Alle Vorlagen<\/strong>.<\/p><figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2023\/01\/13.png\"><img decoding=\"async\" width=\"1024\" height=\"623\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/13.png\/public\" alt=\"\" class=\"wp-image-220\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/13.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/13.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/13.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>W&auml;hlen Sie das Symbol Website-Stile () auf der linken Seite, um die <strong>Farben<\/strong>, den <strong>Text <\/strong>und die <strong>Buttons <\/strong>anzupassen.<\/p><figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2023\/01\/14.png\"><img decoding=\"async\" width=\"1024\" height=\"619\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/14.png\/public\" alt=\"\" class=\"wp-image-221\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/14.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/14.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/14.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2023\/01\/15.png\"><img decoding=\"async\" width=\"1024\" height=\"618\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/15.png\/public\" alt=\"\" class=\"wp-image-222\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/15.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/15.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/15.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>Verwenden Sie das Drag-and-Drop-Werkzeug, um das Layout der Seite zu &auml;ndern, indem Sie auf ein Element klicken und es in einen anderen Bereich verschieben.<\/p><figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2023\/01\/16.png\"><img decoding=\"async\" width=\"1024\" height=\"617\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/16.png\/public\" alt=\"\" class=\"wp-image-223\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/16.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/16.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/16.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>Um das Design und die Navigation zu testen, klicken Sie auf <strong>Vorschau<\/strong>. Optimieren Sie dann die Mobilf&auml;higkeit der Seite, indem Sie auf das Symbol f&uuml;r <strong>Mobilger&auml;te <\/strong>in der oberen Men&uuml;leiste klicken. Passen Sie die &Auml;nderungen des mobilen Designs direkt auf der Webseite an.<\/p><p>\n\n\n<div><p class=\"important\"><strong>Wichtig!<\/strong> Wenn Sie sich entscheiden, die Vorlage zu &auml;ndern, m&uuml;ssen Sie die Anpassung erneut vornehmen.<\/p><\/div>\n\n\n\n<\/p><p>&nbsp;<\/p><h3 class=\"wp-block-heading\" id=\"h-2-erstellen-sie-die-hauptseite\"><strong>2. Erstellen Sie die Hauptseite<\/strong><\/h3><p>Die erste Seite, die Besucher beim Zugriff auf eine Website sehen, ist die Startseite. Gestalten Sie diese Hauptseite also informativ und visuell ansprechend. Auf diese Weise werden Besucher l&auml;nger auf Ihrer Website bleiben.<\/p><p>Eine gut gestaltete Homepage kann Besucher dazu bringen, eine gew&uuml;nschte Aktion durchzuf&uuml;hren, z. B. einen Kauf zu t&auml;tigen oder einen Termin zu buchen. Um dieses Ziel zu erreichen, sollten Sie die folgenden Elemente bei der Gestaltung der Hauptseite ber&uuml;cksichtigen:<\/p><ul class=\"wp-block-list\">\n<li><strong>SEO<\/strong>. F&uuml;gen Sie Meta-Titel und -Beschreibungen ein, um in den SERPs besser platziert zu werden und mehr Besucher anzulocken.<\/li>\n\n\n\n<li><strong>Medien<\/strong>. F&uuml;gen Sie ein hochwertiges Bild oder Video hinzu, um die Seite attraktiver und ansprechender zu gestalten.<\/li>\n\n\n\n<li><strong>Men&uuml;<\/strong>. Zeigen Sie die verschiedenen Webseiten, die Sie haben, wie z. B. die Info- und Kontaktseite, um Besucher einzuladen, mehr zu erfahren.<\/li>\n\n\n\n<li><strong>Layout<\/strong>. &Uuml;berlegen Sie sich, wo wichtige Informationen f&uuml;r Besucher zuerst zu sehen sind, z. B. die Stelle, an der ein CTA-Button&nbsp; angezeigt wird.<\/li>\n<\/ul><p>Bei Hostinger wird jedes Theme mit einer Homepage geliefert.Sie k&ouml;nnen entweder die Homepage des Themes anpassen oder eine andere Seite zur Hauptseite machen. Klicken Sie dazu auf das Symbol <strong>Seiten und Navigation<\/strong> in der oberen linken Ecke.<\/p><p>W&auml;hlen Sie die Seite aus, die Sie als Homepage verwenden m&ouml;chten, klicken Sie auf das <strong>Zahnradsymbol <\/strong>und dann auf <strong>Homepage erstellen<\/strong>.<\/p><figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2023\/01\/17.png\"><img decoding=\"async\" width=\"1024\" height=\"621\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/17.png\/public\" alt=\"\" class=\"wp-image-224\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/17.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/17.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/17.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h3 class=\"wp-block-heading\" id=\"h-3-fugen-sie-weitere-seiten-und-abschnitte-hinzu\"><strong>3. F&uuml;gen Sie weitere Seiten und Abschnitte hinzu<\/strong><\/h3><p>Auch wenn die Hostinger-Themes mit Standardseiten und -abschnitten geliefert werden, sollten Sie Ihre Website personalisieren, indem Sie Ihre eigenen Seiten erstellen, um Ihre Website authentischer zu machen. Wenn Sie eine One-Page-Website erstellen, f&uuml;gen Sie neue leere Abschnitte hinzu oder verwenden Sie vorgefertigte Abschnitte.<\/p><p>Mehrseitige Websites haben oft eine &Uuml;ber uns-, eine Blog- und eine Kontaktseite, um weitere Informationen zu liefern. Wenn Sie weitere Seiten hinzuf&uuml;gen, achten Sie auf:<\/p><ul class=\"wp-block-list\">\n<li><strong>Ausgew&auml;hlte Seiten<\/strong>. &Uuml;berlegen Sie, welche Seiten in das Men&uuml; aufgenommen werden sollen.<\/li>\n\n\n\n<li><strong>Seitenhierarchie<\/strong>. Trennen Sie Hauptseiten von Unterseiten und erstellen Sie eine klare Seitenhierarchie, damit Suchmaschinen Ihre Website besser durchsuchen k&ouml;nnen.<\/li>\n\n\n\n<li><strong>Trends<\/strong>. Werfen Sie einen Blick auf andere Websites, um festzustellen, welche Seiten Besucher anziehen.<\/li>\n<\/ul><p>Um die verschiedenen Seiten zu l&ouml;schen oder neu anzuordnen, gehen Sie zu den Einstellungen f&uuml;r <strong>Seiten und Navigation<\/strong>. Um eine neue Seite hinzuzuf&uuml;gen, folgen Sie dieser Anleitung:<\/p><ol class=\"wp-block-list\">\n<li>Klicken Sie unter <strong>Seiten und Navigation<\/strong> auf die Schaltfl&auml;che <strong>Seite hinzuf&uuml;gen<\/strong>.<\/li>\n\n\n\n<li>W&auml;hlen Sie ein Layout aus dem Thema oder f&uuml;gen Sie eine leere Seite hinzu. Alternativ k&ouml;nnen Sie auch auf das Feld <strong>Leere Seite hinzuf&uuml;gen<\/strong> klicken, um ein eigenes Design zu erstellen.<\/li>\n\n\n\n<li>Wenn Sie<strong> Leere Seite hinzuf&uuml;gen<\/strong> gew&auml;hlt haben, w&auml;hlen Sie aus, welche Elemente Sie Ihrer Seite hinzuf&uuml;gen m&ouml;chten. Zu den verf&uuml;gbaren Elementen geh&ouml;ren<strong> Text, Button, Bild, Video, Instagram-Feed <\/strong>und <strong>Kontakt-Formular<\/strong>.<img decoding=\"async\" width=\"1024\" height=\"577\" class=\"wp-image-225\" style=\"width: 1000px\" src=\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2023\/01\/18.png\" alt=\"\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/18.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/18.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/18.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/li>\n\n\n\n<li>Neben den Elementen gibt es auch Abschnitte, um die Seite besser unterteilen zu k&ouml;nnen. Wenn Sie auf <strong>Abschnitt hinzuf&uuml;gen<\/strong> klicken, gibt Ihnen der Website-Baukasten die M&ouml;glichkeit, entweder einen leeren Abschnitt hinzuzuf&uuml;gen oder einen vorgefertigten Abschnitt auszuw&auml;hlen. Es gibt verschiedene Kategorien f&uuml;r die Abschnitte, darunter <strong>&Uuml;ber uns<\/strong> und <strong>&Uuml;berschriften<\/strong>.<img decoding=\"async\" width=\"1024\" height=\"618\" class=\"wp-image-226\" style=\"width: 1000px\" src=\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2023\/01\/19.png\" alt=\"\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/19.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/19.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/19.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/li>\n\n\n\n<li>Nachdem Sie die Seite fertiggestellt haben, gehen Sie zu <strong>Seiten und Navigation<\/strong>, um die Seite zu optimieren. Klicken Sie auf das Zahnradsymbol neben Ihrer neuen Seite und w&auml;hlen Sie Seiteneinstellungen.<\/li>\n\n\n\n<li>&Auml;ndern Sie unter der Einstellung <strong>Allgemein <\/strong>den <strong>Namen in der Navigation<\/strong> und die <strong>Seiten-URL<\/strong>, um die Seite zu beschreiben. F&uuml;gen Sie dann unter der SEO-Einstellung einen <strong>Seitentitel <\/strong>und eine <strong>Seitenbeschreibung <\/strong>hinzu, um Besucher dazu einzuladen, in den SERPs auf Ihre Website zu klicken. Klicken Sie auf den Button <strong>Speichern<\/strong>, um den Vorgang abzuschlie&szlig;en.<\/li>\n<\/ol><h3 class=\"wp-block-heading\" id=\"h-4-optimieren-sie-die-navigationsstruktur-ihrer-website\"><strong>4. Optimieren Sie die Navigationsstruktur Ihrer Website<\/strong><\/h3><p>Achten Sie bei der Gestaltung Ihrer eigenen Website auf die Benutzerfreundlichkeit. Die Besucher sollten in der Lage sein, zu navigieren und alle Informationen ohne Probleme zu finden.<\/p><p>Um dieses Ziel zu erreichen, sollten Sie Ihr Men&uuml; so gestalten, dass sich die Besucher beim Durchbl&auml;ttern der Seiten zurechtfinden. W&auml;hlen Sie au&szlig;erdem die wichtigsten Seiten aus, die in das Men&uuml; aufgenommen werden sollen. Denken Sie daran, dass die Navigation auf Ihrer Website auch die Konversionsrate beeinflusst.<\/p><p>Hier finden Sie M&ouml;glichkeiten zur Verbesserung Ihrer Website-Navigation:<\/p><ul class=\"wp-block-list\">\n<li><strong>Begrenzen Sie die Men&uuml;punkte<\/strong>. Nehmen Sie nur bis zu sieben Seiten in Ihr Hauptmen&uuml; auf, um Verwirrung und &Uuml;berf&uuml;llung Ihrer Seite zu vermeiden.<\/li>\n\n\n\n<li><strong>Analysieren Sie die Reaktionen<\/strong>. Wenn Sie feststellen, dass eine Seite nicht gen&uuml;gend Besucher erh&auml;lt, verschieben Sie die Informationen auf eine andere Seite und nehmen Sie die Seite aus dem Hauptmen&uuml; heraus.<\/li>\n\n\n\n<li><strong>Mobile Reaktionsf&auml;higkeit<\/strong>. Men&uuml;s sehen auf mobilen Ger&auml;ten oft anders aus, stellen Sie also sicher, dass sie immer noch leicht zu navigieren sind.<\/li>\n<\/ul><p>Abgesehen von der Anordnung des Hauptmen&uuml;s ist auch dessen Position auf einer Webseite f&uuml;r die Navigation der Nutzer von entscheidender Bedeutung. Passen Sie Ihre Kopf- und Fu&szlig;zeilen an, damit die Besucher effizient durch Ihre Webseiten bl&auml;ttern k&ouml;nnen.<\/p><p><strong>Kopfzeile<\/strong><\/p><p>Die Kopfzeile am oberen Rand einer Webseite besteht h&auml;ufig aus einem Logo, dem Namen der Website und einer Men&uuml;leiste. Mit einer einfach zu navigierenden Kopfzeile laden Sie Ihre Besucher ein, mehr zu entdecken.<\/p><p>Passen Sie die Kopfzeile an, indem Sie im Drag-and-Drop-Editor mit dem Mauszeiger &uuml;ber den Men&uuml;abschnitt fahren und auf das <strong>Zahnradsymbol <\/strong>klicken.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"612\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/20.png\/public\" alt=\"\" class=\"wp-image-227\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/20.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/20.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/20.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Nehmen Sie unter den Kopfzeilen-Einstellungen &Auml;nderungen an den folgenden Funktionen vor:<\/p><ul class=\"wp-block-list\">\n<li><strong>Layout<\/strong>. Es gibt die Option <strong>Sticky Header erstellen<\/strong>, damit die Kopfzeile oben auf der Webseite bleibt, auch wenn Besucher nach unten scrollen. Au&szlig;erdem k&ouml;nnen Sie die Position des Men&uuml;s und den Abstand zwischen den Elementen nach Ihren W&uuml;nschen &auml;ndern.<\/li>\n\n\n\n<li><strong>Logo<\/strong>. W&auml;hlen Sie, ob Sie ein Logo einf&uuml;gen m&ouml;chten, und passen Sie dann die Breite und Position des Logos sowie den Abstand der Men&uuml;elemente an.<\/li>\n\n\n\n<li><strong>Warenkorb<\/strong>. Dieses Symbol wird nur angezeigt, wenn Sie einen Online-Shop haben.<\/li>\n\n\n\n<li><strong>Stil<\/strong>. &Auml;ndern Sie den Kopfzeilen-Hintergrund, indem Sie entweder eine ausgew&auml;hlte Farbe verwenden oder ein Bild hinzuf&uuml;gen. W&auml;hlen Sie au&szlig;erdem die Farben f&uuml;r <strong>Website, Kopfzeilentext <\/strong>und <strong>Hover<\/strong>.<\/li>\n<\/ul><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" width=\"820\" height=\"1134\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/21.png\/public\" alt=\"\" class=\"wp-image-228\" style=\"width:396px;height:549px\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/21.png\/w=820,fit=scale-down 820w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/21.png\/w=217,fit=scale-down 217w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/21.png\/w=740,fit=scale-down 740w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/21.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 820px) 100vw, 820px\" \/><\/figure><\/div><p><strong>Fu&szlig;zeile<\/strong><\/p><p>Eine qualitativ hochwertige Fu&szlig;zeile l&auml;dt Besucher dazu ein, auf Ihrer Website zu bleiben und weitere Seiten zu besuchen. Um dieses Ziel zu erreichen, f&uuml;gen Sie Navigationslinks und wichtige Informationen am unteren Ende der Website ein. Die meisten Fu&szlig;zeilen enthalten Kontaktinformationen, Symbole f&uuml;r soziale Medien, Copyright und Links zu anderen Seiten.<\/p><p>Eine Fu&szlig;zeile signalisiert, dass der Benutzer das Ende der Seite erreicht hat. Die Links in einer Fu&szlig;zeile sind oft f&uuml;r Seiten mit viel Text. Die meisten Online-Shops enthalten zum Beispiel allgemeine Gesch&auml;ftsbedingungen und R&uuml;ckerstattungsrichtlinien.<\/p><p>Das Theme generiert automatisch eine Fu&szlig;zeile. Um die vorgefertigten Elemente zu bearbeiten, klicken Sie auf das Element und w&auml;hlen Sie die Schaltfl&auml;che <strong>Bearbeiten <\/strong>dar&uuml;ber.<\/p><p>Um die <strong>Fu&szlig;zeile <\/strong>anzupassen, klicken Sie auf den Abschnitt und w&auml;hlen Sie das <strong>Zahnradsymbol<\/strong>.<\/p><p>Es wird ein Rasterlayout angezeigt, mit dem Sie sich in den Elementen bewegen k&ouml;nnen. Die Abschnittseinstellungen helfen Ihnen, &Auml;nderungen vorzunehmen:<\/p><ul class=\"wp-block-list\">\n<li><strong>Layout<\/strong>. Aktivieren Sie <strong>Andocken<\/strong>, um die Verwaltung der Elemente zu erleichtern.<\/li>\n\n\n\n<li><strong>Hintergrund<\/strong>. Verwenden Sie entweder ein Bild oder eine ausgew&auml;hlte Farbe als Hintergrund f&uuml;r die Fu&szlig;zeile.<\/li>\n\n\n\n<li><strong>Verankerung<\/strong>. Erstellen Sie eine vollst&auml;ndige eindeutige URL speziell f&uuml;r die Fu&szlig;zeile.<\/li>\n<\/ul><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"621\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/22.png\/public\" alt=\"\" class=\"wp-image-229\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/22.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/22.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/22.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><h3 class=\"wp-block-heading\" id=\"h-5-verbessern-sie-ihre-website-mit-visuellen-elementen\"><strong>5. Verbessern Sie Ihre Website mit visuellen Elementen<\/strong><\/h3><p>Visuelle Elemente wie Bilder, Videos, Logos und Favicons locken Besucher an, mehr &uuml;ber Ihre Website zu erfahren. Besucher verbringen <a href=\"https:\/\/www.webfx.com\/web-design\/statistics\/\" target=\"_blank\" rel=\"noopener\">88 %<\/a> mehr Zeit auf Seiten mit Videos. Sie tragen dazu bei, das Thema Ihrer Website zu vermitteln und die Aufmerksamkeit der Besucher zu erhalten.<\/p><p>Beachten Sie, dass die visuellen Elemente f&uuml;r die Website relevant sein m&uuml;ssen. Andernfalls werden sie die Besucher nur ablenken und verwirren. Der Drag-and-Drop-Editor des Website-Builders erleichtert die Anpassung der Layouts der visuellen Elemente.<\/p><p>Um ein visuelles Element hinzuzuf&uuml;gen, klicken Sie auf die Schaltfl&auml;che <strong>Element hinzuf&uuml;gen<\/strong> in der linken Ecke des Editors.<\/p><p><strong>Bilder<\/strong><\/p><p>Klicken Sie unter <strong>Elemente hinzuf&uuml;gen<\/strong> auf <strong>Bild <\/strong>und ziehen Sie es auf Ihre Seite. Positionieren Sie das Element an der gew&uuml;nschten Stelle auf der Webseite.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"617\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/23.png\/public\" alt=\"\" class=\"wp-image-230\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/23.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/23.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/23.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Der Homepage-Baukasten zeigt ein Standardbild auf Ihrer Webseite an. Klicken Sie darauf und w&auml;hlen Sie <strong>Bild &auml;ndern<\/strong>, um die <strong>Bildeinstellungen<\/strong> aufzurufen.<\/p><p>Klicken Sie dann auf die Schaltfl&auml;che <strong>Bild ersetzen<\/strong>, um entweder Ihr eigenes Bild hochzuladen oder eines aus der kostenlosen Bildbibliothek von Hostinger mit &uuml;ber einer Million Fotos auszuw&auml;hlen. Denken Sie bei den <strong>Bildeinstellungen <\/strong>daran, einen <strong>Alt-Text<\/strong> anzugeben, der das Bild beschreibt.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"617\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/24.png\/public\" alt=\"\" class=\"wp-image-231\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/24.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/24.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/24.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>W&auml;hlen Sie unter <strong>Aktion<\/strong>, was passieren soll, wenn ein Besucher auf das Bild klickt:<\/p><ul class=\"wp-block-list\">\n<li><strong>Nichts<\/strong>. Wenn Besucher auf ein Bild klicken, wird keine Aktion ausgef&uuml;hrt.<\/li>\n\n\n\n<li><strong>Vollbild-Vorschau &ouml;ffnen<\/strong>. Das Bild wird in voller Gr&ouml;&szlig;e angezeigt.<\/li>\n\n\n\n<li><strong>Link &ouml;ffnen<\/strong>. Wenn der Besucher auf das Bild klickt, wird er zu einem zuvor hinzugef&uuml;gten Link weitergeleitet. Es gibt auch die M&ouml;glichkeit, ihn in einem neuen Tab zu &ouml;ffnen oder die Seite weiterzuleiten.<\/li>\n<\/ul><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" width=\"777\" height=\"1200\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/25.png\/public\" alt=\"\" class=\"wp-image-232\" style=\"width:357px;height:552px\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/25.png\/w=777,fit=scale-down 777w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/25.png\/w=194,fit=scale-down 194w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/25.png\/w=663,fit=scale-down 663w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/25.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 777px) 100vw, 777px\" \/><\/figure><\/div><p>W&auml;hlen Sie das <strong>Galerie<\/strong>-Element und ziehen Sie es auf die Seite, um mehrere Bilder auf einmal einzubinden.<\/p><p>Auch hier f&uuml;gt Hostinger zun&auml;chst Standardbilder hinzu. Um diese zu &auml;ndern, klicken Sie auf das Element und w&auml;hlen Sie <strong>Galerie verwalten<\/strong>.<\/p><p>Klicken Sie auf <strong>Bilder hinzuf&uuml;gen<\/strong>, um Ihre Bilder einzuf&uuml;gen. W&auml;hlen Sie dann die Standardbilder aus und klicken Sie auf das <strong>Papierkorbsymbol<\/strong>, um sie zu l&ouml;schen.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"616\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/26.png\/public\" alt=\"\" class=\"wp-image-233\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/26.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/26.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/26.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Sobald Sie Ihre Bilder hinzugef&uuml;gt haben, klicken Sie erneut auf das Element und w&auml;hlen Sie das <strong>Zahnradsymbol<\/strong>. &Auml;ndern Sie unter den <strong>Galerie-Einstellungen<\/strong> das Layout, die Elemente pro Zeile, den Abstand zwischen den Fotos und welche Aktion beim <strong>Draufklicken <\/strong>ausgef&uuml;hrt werden soll.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" width=\"750\" height=\"1076\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/27.png\/public\" alt=\"\" class=\"wp-image-234\" style=\"width:346px;height:497px\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/27.png\/w=750,fit=scale-down 750w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/27.png\/w=209,fit=scale-down 209w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/27.png\/w=714,fit=scale-down 714w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/figure><\/div><p><strong>Video<\/strong><\/p><p>Das Hinzuf&uuml;gen von Videos ist anders als das von Bildern. Bei Hostinger m&uuml;ssen Sie das Video zuerst auf YouTube oder Vimeo hochladen.<\/p><p>Nachdem Sie das <strong>Video<\/strong>-Element auf die Webseite gezogen haben, klicken Sie es an und w&auml;hlen Sie <strong>Video bearbeiten<\/strong>.<\/p><p>Unter <strong>Videoeinstellungen <\/strong>&auml;ndern Sie den <strong>Videolink <\/strong>in die URL Ihres Videos. Entscheiden Sie dann, ob das Video sofort abgespielt werden soll, wenn Besucher die Seite aufrufen. Beachten Sie jedoch, dass die <strong>Autoplay<\/strong>-Funktion auf mobilen Ger&auml;ten nicht funktioniert.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"621\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/28.png\/public\" alt=\"\" class=\"wp-image-235\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/28.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/28.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/28.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Au&szlig;erdem gibt es die Option, das Video standardm&auml;&szlig;ig in einer <strong>Schleife <\/strong>abzuspielen. Was das Layout betrifft, so k&ouml;nnen Sie den <strong>Abstand <\/strong>zwischen dem Video und anderen Elementen festlegen. Um Ihre Besucher nicht abzulenken, deaktivieren Sie die Option <strong>Video-Steuerelemente <\/strong>anzeigen, wodurch die Schaltfl&auml;chen f&uuml;r Wiedergabe, Pause und Lautst&auml;rke ausgeblendet werden.<\/p><p><strong>Logo und Favicon<\/strong><\/p><p>Wenn Sie ein Online-Gesch&auml;ft haben, sollten Sie ein Logo auf Ihrer Website verwenden. Aber auch f&uuml;r eine private Website kann ein Logo von Vorteil sein. Es kann Ihrer Website Legitimit&auml;t verleihen und Ihnen helfen, in Zukunft eine professionelle Marke zu schaffen.<\/p><p>Wenn Sie noch kein Logo f&uuml;r Ihre Website erstellt haben, bietet Hostinger ein KI-Logo-Maker-Tool, das Ihnen dabei hilft.<\/p><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Pro-Tipp<\/h4>\n                    <p> Wenn Sie ein Logo erstellen oder hochladen, denken Sie daran, einen transparenten Hintergrund zu w&auml;hlen, damit es zu allen von Ihnen gew&auml;hlten Farben passt. <\/p>\n                <\/div>\n\n\n\n<\/p><p>Um ein neues Logo zu erstellen, klicken Sie auf <strong>KI Tools <\/strong>und w&auml;hlen Sie <strong>Logo Maker<\/strong>.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"622\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/29.png\/public\" alt=\"\" class=\"wp-image-236\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/29.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/29.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/29.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>W&auml;hlen Sie dann, wie Sie Ihr Logo erstellen m&ouml;chten:<\/p><ul class=\"wp-block-list\">\n<li><strong>Logo selbst erstellen<\/strong>. Geben Sie Ihren Logonamen ein, wof&uuml;r Ihr Logo steht und wo Sie das Logo verwenden m&ouml;chten. W&auml;hlen Sie dann ein Logo aus, um die Farbe, die Form und das Layout anzupassen.<\/li>\n\n\n\n<li><strong>Logogenerator verwenden<\/strong>. W&auml;hlen Sie aus einer Galerie von vorgefertigten Logos und w&auml;hlen Sie die Farben und die Form.<\/li>\n<\/ul><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"549\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/30.png\/public\" alt=\"\" class=\"wp-image-237\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/30.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/30.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/30.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Favicons repr&auml;sentieren eine Website auf den Tabs von Webbrowsern. Sie tragen also dazu bei, dass Ihre Website f&uuml;r die Besucher einpr&auml;gsam, professionell und vertrauensw&uuml;rdig ist.<\/p><p>Um ein Favicon auf Ihrer Website hochzuladen, gehen Sie zu den <strong>Website-Einstellungen <\/strong>in der unteren linken Ecke Ihres Editors. W&auml;hlen Sie dann <strong>Allgemeine Einstellungen<\/strong>, um fortzufahren.<\/p><p>Klicken Sie unter dem Abschnitt <strong>Favicon <\/strong>auf die Schaltfl&auml;che <strong>Bild hinzuf&uuml;gen <\/strong>und laden Sie Ihr benutzerdefiniertes Favicon hoch. Klicken Sie auf <strong>&Auml;nderungen speichern<\/strong>, um den Vorgang abzuschlie&szlig;en.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"619\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/31.png\/public\" alt=\"\" class=\"wp-image-238\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/31.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/31.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/01\/31.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><h3 class=\"wp-block-heading\" id=\"h-6-speichern-und-veroffentlichen-sie-ihre-website\"><strong>6. Speichern und ver&ouml;ffentlichen Sie Ihre Website<\/strong><\/h3><p>Hostinger speichert automatisch alle vorgenommenen &Auml;nderungen, sodass Sie sich keine Sorgen machen m&uuml;ssen, dass ungespeicherte &Auml;nderungen verloren gehen. &Uuml;berpr&uuml;fen Sie einfach jede Webseite und jeden Link, nachdem Sie den Inhalt angepasst haben. Sobald Sie bereit sind, online zu gehen, klicken Sie auf die Schaltfl&auml;che <strong>Website ver&ouml;ffentlichen<\/strong> in der oberen rechten Ecke.<\/p><p>\n\n\n    <div class=\"mb-50 mt-50 mt-70-xxl\">\n        <div class=\"banner__bg \">\n            <span class=\"h3 font-weight-bold banner__header\">Sie erhalten eine moderne, vollst&auml;ndig responsive Website, ohne eine einzige Zeile Code schreiben zu m&uuml;ssen.<\/span>\n                                <a href=\"https:\/\/www.hostinger.de\/website-erstellen\" class=\"new-h-button-primary button text-white mt-30 float-right banner__btn\" target=\"_blank\" rel=\"noopener\">Zugreifen<\/a>\n                            <\/div>\n    <\/div>\n\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-ihre-website-ist-jetzt-online-wie-geht-es-weiter\"><strong>Ihre Website ist jetzt online &ndash; wie geht es weiter?<\/strong><\/h2><p>Die Erstellung einer Website verbessert das pers&ouml;nliche oder berufliche Branding im Internet. Au&szlig;erdem helfen Websites dabei, Inhalte einem breiteren Publikum zug&auml;nglich zu machen. Bevor Sie Ihre eigene Website erstellen, sollten Sie sich f&uuml;r die richtige Plattform entscheiden, eine einpr&auml;gsame Domain w&auml;hlen und bei Bedarf einen Webhosting-Plan abschlie&szlig;en.<\/p><p>Die beiden Plattformen, auf die wir uns konzentriert haben, sind CMS und Homepage-Bauk&auml;sten. Wir haben die Schritte zur Erstellung einer Website mit WordPress und Hostinger erl&auml;utert und Tipps zur Optimierung Ihrer Website gegeben.<\/p><p>Nachdem Sie erfolgreich online gegangen sind, sollten Sie einige Tipps f&uuml;r die Zeit nach dem Start beachten:<\/p><ul class=\"wp-block-list\">\n<li><strong>&Uuml;berarbeiten Sie sie regelm&auml;&szlig;ig<\/strong>. &Uuml;berarbeiten Sie Ihre Inhalte regelm&auml;&szlig;ig, da sich die besten SEO-Praktiken st&auml;ndig &auml;ndern.<\/li>\n\n\n\n<li><strong>Bewerben Sie die Website<\/strong>. Nutzen Sie Content-, E-Mail-, Social Media- und Affiliate-Marketing, um Ihre Website bekannt zu machen und mehr Besucher anzuziehen.<\/li>\n\n\n\n<li><strong>Analysieren Sie die Leistung<\/strong>. Verbessern Sie Ihre Marketingstrategien, um zuk&uuml;nftige Probleme zu vermeiden, indem Sie Ihre Leistung regelm&auml;&szlig;ig analysieren. Verwenden Sie dazu Tools wie <strong>Google Analytics<\/strong>.<\/li>\n<\/ul><p>Um das Wissen &uuml;ber die Erstellung von Websites zu vertiefen, k&ouml;nnen die folgenden empfohlenen Artikel sowie Antworten auf h&auml;ufig gestellte Fragen helfen.<\/p><h2 class=\"wp-block-heading\" id=\"h-faq-zur-erstellung-einer-website\"><strong>FAQ zur Erstellung einer Website<\/strong><\/h2><p>In diesem Abschnitt werden die h&auml;ufigsten Fragen zur Erstellung einer Website beantwortet.<\/p><div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-6944062d24f21\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>Braucht man technische Kenntnisse, um eine Website zu erstellen?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Nein, es gibt viele Plattformen, die das Erstellen von Websites auch ohne Kenntnisse von Programmiersprachen erleichtern. Homepage-Bauk&auml;sten verf&uuml;gen beispielsweise &uuml;ber eine intuitive Benutzeroberfl&auml;che und Drag-and-Drop-Funktionen, die die Anpassung eines hochwertigen Designs erleichtern.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-6944062d24f24\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>Wie programmiere ich eine Website von Grund auf?<\/strong><br><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Besorgen Sie sich zun&auml;chst Ihr Webhosting und Ihren Domainnamen. Dann installieren Sie Bootstrap, um Ihre HTML- und CSS-Dokumente zu erstellen. Eine selbst programmierte Website ist nicht die anf&auml;ngerfreundlichste Option und kann mehr Zeit in Anspruch nehmen, um sie einzurichten. M&ouml;glicherweise m&uuml;ssen Sie sich auch mit den neuesten Trends und bew&auml;hrten Verfahren f&uuml;r Website-Design vertraut machen.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-6944062d24f26\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>Wie kann ich eine kostenlose Website erstellen?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Website-Bauk&auml;sten bieten oft kostenlose Subdomains an. So k&ouml;nnen Sie beispielsweise www.website.hauptsite.com anstelle von www.website.com verwenden. Kostenlose Subdomains eignen sich f&uuml;r Anf&auml;nger, die die Website-Erstellung erst einmal ausprobieren m&ouml;chten.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-6944062d24f27\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>Wie viel kostet es, eine Website zu erstellen?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Die <a href=\"\/tutorials\/website-erstellen-kosten\/\">Kosten f&uuml;r die Erstellung einer Website<\/a> h&auml;ngen von ihrer Art ab. Die Erstellung einer Website kann zwischen <strong>100 <\/strong>und <strong>mehreren tausend Euro pro Jahr<\/strong> kosten, wenn Sie einen Webentwickler beauftragen. Stellen Sie also sicher, dass Sie Ihr Budget an die Art der Website anpassen, die Sie erstellen m&ouml;chten.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-6944062d24f28\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>Wie erstelle ich eine Unternehmenswebsite?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Die Erstellung einer Website f&uuml;r ein Unternehmen ist &auml;hnlich wie bei jeder anderen Website. Einige zus&auml;tzliche Elemente, die zu ber&uuml;cksichtigen sind, sind jedoch die Produkt- oder Dienstleistungsseite, die Kontaktseite und die &Uuml;ber uns-Seite. Unternehmenswebsites tragen dazu bei, den Kundenstamm zu erweitern, den Umsatz zu steigern und den Gesch&auml;ftsablauf zu verbessern.&nbsp;<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-6944062d24f29\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>Wie werden Website-Besitzer bezahlt?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Mit einem Blog oder einer Website kann man Geld verdienen, indem man in den Seitenleisten, in der Fu&szlig;zeile und in der Kopfzeile Werbung einblendet. Google AdSense beispielsweise bietet ein Pay-per-Click-Tool zur Monetarisierung Ihrer Website. Sie k&ouml;nnen mit gesponserten Inhalten Geld verdienen, vor allem, wenn Sie hohe Besucherzahlen haben.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-6944062d24f2a\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>Wie lange dauert es, eine Website zu erstellen?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Wie lange es dauert, eine Website zu erstellen, h&auml;ngt von der Plattform und der Art der Website ab. Mit einigen Website-Bauk&auml;sten k&ouml;nnen Benutzer eine eigene Website innerhalb von 5 Minuten erstellen. Bei Plattformen, die eine steilere Lernkurve aufweisen, kann es jedoch Wochen dauern, bis eine hochwertige Website erstellt ist.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Eine Website, sei es f&uuml;r Ihren pers&ouml;nlichen Blog oder Ihr Unternehmen, hilft Ihnen, Ihre Online-Pr&auml;senz auszubauen, indem sie Sie mit einem breiteren Publikum verbindet. Eine Website kann auch eine Plattform f&uuml;r den Austausch von Meinungen und F&auml;higkeiten sein und M&ouml;glichkeiten f&uuml;r pers&ouml;nliche oder berufsbezogene Projekte schaffen. Diese Schritt-f&uuml;r-Schritt-Anleitung hilft Ihnen dabei, Ihre Website-Idee in eine [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/de\/tutorials\/wie-erstellt-man-eine-website\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":392,"featured_media":722,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Wie erstellt man eine Website von Grund auf neu?","rank_math_description":"Wie erstellt man eine Website? Diese Schritt-f\u00fcr-Schritt-Anleitung hilft Ihnen dabei, Ihre Website-Idee in eine voll funktionsf\u00e4hige Website zu verwandeln","rank_math_focus_keyword":"wie erstellt man eine website","footnotes":""},"categories":[1],"tags":[],"class_list":["post-90","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website-erstellung"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/how-to-make-a-website","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/como-criar-um-site-passo-a-passo","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/comment-creer-un-site-internet","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/como-crear-una-pagina-web\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/cara-membuat-website","default":0},{"locale":"de-DE","link":"https:\/\/www.hostinger.com\/de\/tutorials\/wie-erstellt-man-eine-website","default":0},{"locale":"it-IT","link":"https:\/\/www.hostinger.com\/it\/tutorial\/come-creare-un-sito-web","default":0},{"locale":"nl-NL","link":"https:\/\/www.hostinger.com\/nl\/tutorials\/hoe-maak-je-een-website","default":0},{"locale":"pl-PL","link":"https:\/\/www.hostinger.com\/pl\/tutoriale\/\/jak-stworzyc-strone-internetowa\/","default":0},{"locale":"ja-JP","link":"https:\/\/www.hostinger.com\/jp\/tutorials\/how-to-make-a-website\/","default":0},{"locale":"ko-KR","link":"https:\/\/blog.hostinger.io\/kr\/tutorials\/how-to-make-a-website\/","default":0},{"locale":"ar-AE","link":"https:\/\/blog.hostinger.io\/ae\/tutorials\/how-to-make-a-website\/","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/how-to-make-a-website","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-make-a-website","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-make-a-website","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/como-crear-una-pagina-web\/","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/como-crear-una-pagina-web\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/como-crear-una-pagina-web\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/como-criar-um-site-passo-a-passo","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/how-to-make-a-website","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/how-to-make-a-website","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/how-to-make-a-website","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/how-to-make-a-website","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/posts\/90","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/users\/392"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/comments?post=90"}],"version-history":[{"count":76,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/posts\/90\/revisions"}],"predecessor-version":[{"id":7826,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/posts\/90\/revisions\/7826"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/media\/722"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/media?parent=90"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/categories?post=90"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/tags?post=90"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}