Hilfe mit deiner Webseite benötigt?
Hier findest du alle wichtigen Anleitungen, Notizen und Anmerkungen rund um deine Webseite, sodass du alles selbst bearbeiten kannst.
Solltest du dennoch persönlich Hilfe von mir wünschen (z.B. für die Gestaltung neuer Abschnitte oder Seiten), kannst du mich gerne per E-Mail (philipp@zimmpy.com) oder WhatsApp (+41 79 928 50 40) kontaktieren.
Du hast 15% Rabatt auf meinen aktuellen Stundensatz.
Texte bearbeiten
DIE VIDEOANLEITUNG ZUR BEARBEITUNG VON TEXTEN IST HIER VERLINKT.
-> EBENFALLS IM VIDEO: AKTUALSIEREN DER MITARBEITERLISTE
Grundsätzlich auf Text doppelklicken und dann wie gewünscht anpassen.
Für einige Abschnitte funktioniert es etwas anders, wie im Video erklärt.
Wichtig: Nimm Textänderungen jeweils im Desktop Modus vor und überprüfe danach, ob auf der mobilen Version noch alles sauber aussieht.
Bilder hinzufügen & ändern
DIE VIDEOANLEITUNG FÜR BILDER IST HIER VERLINKT.
Gewünschtes Bild sollte im Format sein, wie es auf der Webseite dargestellt ist, ansonsten kann sich das Ganze verschieben
Grösse komprimieren, damit die Seitenladezeit nicht negativ beeinflusst wird.
Kostenloses Tool: https://imagecompressor.com/de/Bei Logo Änderung: Hintergrund entfernen (sollte transparent sein)
Kostenloses Tool: https://www.pixelcut.ai/t/background-removerBild zur Seite hinzufügen (siehe Video)
Image Alt Text hinzufügen. Dieser Text soll ganz einfach beschreiben, was im Bild zu sehen ist.
Schriftarten
Überschriften: Poppins
Paragraph: Poppins
Kontaktformular
Du hast ein Kontaktformular auf deiner Webseite, mit dem dich Besucher kontaktieren können.
Das Formular ist mit deiner E-Mail Adresse verknüpft (info@zuend-elektro.ch)
-> Sobald ein Besucher ein Formular absendet, erhältst du eine E-Mail von Squarespace mit dem Betreff “Form Submission”.
Alle gesammelten Daten werden automatisch unter “Kontakte” abgespeichert.
Suchmaschinenoptimierung (SEO)
Checkliste für nach Projektabschluss
Eine Webseite die “suchmaschinenoptimiert” ist, verschafft dir mehr Sichtbarkeit auf Google, wenn potenzielle Kunden nach deinem Angebot suchen.
Die Inhalte deiner Webseite wurden von mir so erstellt und strukturiert, um eine gute Grundlage für SEO zu bilden.
! Erstelle ein Google Search Console Profil und reiche das Sitemap deiner Webseite bei Google ein. So stellst du dem Algorithmus Informationen zur Struktur und dem Inhalt deiner Webseite zur Verfügung und wirst weiter oben angezeigt.
1. Account erstellen
2. In der Navigation auf “Sitemaps” klicken
3. Unter “Neue Sitemap hinzufügen” folgendes eingeben: https://zuend-elektro.ch/sitemap.xml
4. “Senden” klicken! Füge den Link zu deiner Webseite zu all deinen Social Media Profilen hinzu
! Erstelle ein Google Unternehmensprofil und verlinke deine Webseite. Sammle Rezensionen und antworte jeweils darauf.
Erhalte “Backlinks” für deine Webseite: Stelle sicher, dass andere wichtige Webseiten mit einem Link auf deine Verweisen. (z.B. relevante Blogs, Gewerbeverbände, Partner etc.)
Du möchtest deine Sichtbarkeit auf Google weiter stärken und noch mehr Anfragen erhalten?
Mit Google Ads kannst du durch bezahlte Werbung konstant ganz oben in den Suchresultaten erscheinen.
Du kannst dies entweder selbst aufsetzen und verwalten, oder professionell durch mich machen lassen.
Ich verwalte seit 2022 Google Ads Kampagnen für Schweizer Kleinunternehmen und Selbstständige.
Dein Vorteil: 50% Rabatt auf die monatliche Gebühr im ersten Monat. Kontaktiere mich einfach und wir schauen uns das Ganze an
Kontaktiere Philipp
Philipp Zimmermann
Webseite: www.zimmpy.com
E-Mail: philipp@zimmpy.com
WhatsApp: +41 79 928 50 40 (Bitte nur WhatsApp Nachrichten, keine SMS oder Anrufe)
Zufrieden mit meiner Arbeit? Empfiehl mich gerne weiter!
Code Back-Up
Bitte hier NICHTS bearbeiten!
Custom Code
FOOTER
<!-- Scroll Back to Top Button -->
<div id="scrollToTop">
<a href="#top">↑ Zum Seitenanfang</a>
</div>
<script>
// Show the button when scrolling down
window.addEventListener('scroll', function() {
const scrollToTop = document.getElementById('scrollToTop');
if (window.scrollY > 300) { // Show button after 300px scroll
scrollToTop.style.display = 'block';
} else {
scrollToTop.style.display = 'none';
}
});
// Smooth scrolling behavior
document.getElementById('scrollToTop').addEventListener('click', function(event) {
event.preventDefault();
window.scrollTo({
top: 0,
behavior: 'smooth'
});
});
</script>
CSS
/* ==========================================================================
ANCHOR LINK SCROLLING
========================================================================== */
html {
scroll-behavior: smooth;
}
:target {
scroll-margin-top: 12vh; /* Abstand zur Fixierung unterhalb des Headers */
}
/* ==========================================================================
NAVIGATION – DROPDOWN & MENU
========================================================================== */
/* Transparenter Hintergrund für Dropdown-Menüs */
.header-nav-folder-content {
background-color: transparent !important;
}
/* Erste Dropdown-Position mit zusätzlichem Abstand (ggf. entfernen/überarbeiten) */
.header-nav-folder-item:first-of-type a {
padding-top: 2rem;
margin-top: -2rem;
}
/* Header-Navigation optimieren (Desktop) */
@media screen and (min-width: 768px) {
.header .header-nav-wrapper a,
.header .language-item a,
.header-menu-nav-item {
font-weight: 800 !important;
}
.header-nav-wrapper {
flex-wrap: nowrap !important;
overflow: visible !important;
justify-content: space-between !important;
}
}
/* ==========================================================================
NAVIGATION – MOBILE STYLES
========================================================================== */
/* Mobile Menütypografie */
@media screen and (max-width: 767px) {
.header-menu-nav-folder-content a,
.header-nav-folder-content a,
.Mobile-overlay-menu a,
nav .mobile-nav-menu a {
font-size: 24px !important;
font-weight: 500 !important;
line-height: 0.5 !important;
}
/* Mobile Menü-Ausrichtung (Dropdown linksbündig & nach oben) */
.Mobile-overlay-menu,
.mobile-nav,
.header-menu-nav-folder-content {
justify-content: flex-start !important;
align-items: flex-start !important;
padding-top: 40px !important;
text-align: left !important;
}
}
/* ==========================================================================
SCROLL-TO-TOP BUTTON
========================================================================== */
#scrollToTop {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 9999;
display: none;
background-color: #333;
color: #fff;
padding: 10px 15px;
border-radius: 50px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
font-size: 14px;
text-align: center;
cursor: pointer;
transition: opacity 0.3s ease, transform 0.3s ease;
}
#scrollToTop:hover {
background-color: #555;
transform: translateY(-3px);
}
#scrollToTop a {
color: #fff;
text-decoration: none;
}
Navigation
DIE VIDEOANLEITUNG ZUR NAVIGATION IST HIER VERLINKT.
Analytics (Wo du die Besucherzahlen messen kannst)
Kontakte (Wo Daten von Kontaktformularen gespeichert werden)
Abo & Bezahlung (Wo du Rechnungen etc. für Squarespace findest)