Know-how für die Präsenz im Internet file© InnoPark Schweiz, Widmer Training - Monica D. Widmer...

©InnoParkSchweiz,WidmerTraining-MonicaD.Widmer2018V3.00Seite 1

ERSTELLENEINERWEBSEITE

Know-howfürdiePräsenzimInternet

Kursinhalte

• WelcheTechnologiengibtes?WaseignetsichfürwelcheAnforderungen?• Begriffeverstehenundeinordnen,ProjektschrittefürdieUmsetzungeinerWebsite• Strategie:ZielgruppendefinitionundVorgehensplan.AufbereitungderDaten,Datenschutz.

Zielgruppen:wieansprechen?Suchoptimierung,Googleusw.,verlinkenundKontakteaufbauen.WasbrauchtesfürdieRealisierunggrössererProjekte?

• Webseiten-Technologie:InformationenzutechnischkomplexenWebseiten,DatenbankanbindungenundCrossMedia,Login,userbezogeneInhalte,CookiesundROI,Tools,Statistiken,VerlinkungzuSocialMedia(facebook,Instagram,twitter,...)undBusinessnetzwerken(XING,LinkedIn)

• RealisierungWebsite:InhalteundWebseitenerstellen,SeitengestaltungundNavigation,BeurteilungskriterieneinerWebseite.WiewirdmeineWebseitebekanntund„verkauft“?

• StrukturundDesigneinerWebseiteundderenWirkung.EntscheidungshilfenfürdiePlattform,WahldesNamens(URL)undProviders.PlanfürdieDatenaufbereitung(Text,Bilder,Grafiken,Video).AnmeldungbeimProvidervorbereiten/durchführen.


Inhaltsverzeichnis

KURSINHALTE 1

ERSTELLENEINERWEBSEITE 6

ÜBERSICHT„PROJEKTWEBSEITE“ 6BEGRIFFEZUMINTERNETAUFTRITT 6DERBEGRIFFCMS(CONTENTMANAGEMENTSYSTEM) 6DASKERNVERSPRECHEN 7

DIEPROFESSIONELLEWEBSITEBEINHALTET: 10

VORBEREITUNGWEBAUFTRITT 11

BESCHREIBUNGDERWEBSEITE-IDEE 11UMFELD 11MISSION/MESSAGE/KERNAUSSAGE/.... 11KERNKOMPETENZ/STÄRKE/ALLEINSTELLUNGSMERKMAL 11ZWECKDERWEBSITE 12DIESEWORTEBESCHREIBENMEINANGEBOT 12BESCHREIBUNGDERZIELGRUPPE 12ÄHNLICHEWEBSEITENMITDEMGLEICHENTHEMA 13ZIELGRUPPE 14WELCHEPERSONENSPRECHENSIEAN? 14ZUSAMMENFASSUNG 14

PLANUNGWEBAUFTRITT 15

BESUCHER-ANSPRACHE 15ANSPRACHE-MÖGLICHKEITEN 15DATENAUFBEREITUNG(INHALT,BILDER,GRAFIKEN,VIDEO,...) 16

REALISIERUNGWEBAUFTRITT 17

VORGEHENSPLANWEBSEITEERSTELLEN 17KOSTENLOSEWEBSEITEMITJIMDOERSTELLEN 18ZUBEACHTEN 18

SCHRITT1:ANMELDUNG 19

SCHRITT2:BEARBEITUNGSBEREICH 20

LOGINFÜRDENBEARBEITUNGSBEREICH(ADMINISTRATIONSBEREICH) 20BESUCHERANSICHTOBENRECHTSBEFINDETSICHDERBUTTON,UMIHRESEITEAUSDERSICHTEINESBESUCHERSANZUSCHAUEN. 20MENÜ>DASHBORDFÜRDESIGNUNDOPTIMIERUNG 21VERÄNDERNINHALTETEXTE 21VERÄNDERNVONINHALTEN,BILDERNUNDGRAFIKEN 22ÜBERSICHTDERGESTALTUNGSELEMENTE 25

SCHRITT3:NAVIGATION/MENÜUNDNEUESEITEN 26

NAVIGATION 26EINPAARGEDANKENZURMENÜ-STRUKTUR 27


SCHRITT4:ARBEITENAMSEITENINHALT 28

SCHRITT5:DARSTELLUNGANPASSEN 29

DESIGN,MENÜ 29BANNERBILDUNDHINTERGRUND 29STYLE 30

SCHRITT6:SPEZIALSEITEN 31

SCHRITT7:WEITEREELEMENTE 32

YOUTUBE 32GOOGLEMAPS/LANDKARTEEINBINDEN 32MODULEEINBINDEN 32WIDGET<HTML> 32VERKAUF/ONLINESHOPMODUL 32KONTAKTFORMULAR 33SOCIALMEDIA-UNDBUSINESSNETZWERKE 33IHRANGEBOTODERDIENSTLEISTUNGMUSSFÜRDENWEBSEITEN-BESUCHERKLARERSICHTLICHSEIN. 34

SCHRITT8:INHALTSOPTIMIERUNG 35

DARSTELLUNG 35KEYWORDS–SUCHWORTEDERBESUCHER 35VERWENDUNGDERKEYWORDSAUFDENEINZELNENSEITENIHRERWEBSITE 36VERLINKUNGEN(LINKUNDBACKLINK) 37LINKSAUFANDERESEITEN 37BACKLINKSGEWÜNSCHTVON 37DASFINISH:FAVICONEINFÜGEN 38

9VERMARKTUNG 39

VERMARKTUNGMITSOZIALENMEDIEN 40PROFESSIONELLEWERBUNG 41KLEINESBUDGET 41CONVERSION 41

10OPTIMIERUNG 42

ANBINDUNGGOOGLETOOLS 42GOOGLEANALYTICS 42GOOGLESEARCHCONSOLE 43LINKSUNDBACKLINKSCHECKEN 44WEBSEITEBEIGOOGLEINDEXIERT 44AKTUALITÄT 44CONVERSION–ODERWASMACHTDERBESUCHERAUFIHRERWEBSEITE? 45WIEDERHOLUNGUNDAUSDAUER 45


ANHANG1:FRAGEN 46

GENERELLEFRAGENZUMPROJEKT: 46WEBSEITENRECHERCHE: 46FRAGENZUDENWEBSEITEN-BESUCHERN: 46INHALT/CONTENTDERWEBSEITE: 47ORGANISATION/PROZESSUNTERHALT: 47

ANHANG2:TOOLS 48

WEITERELINKSFINDENSICHAUF:WWW.MONICAWIDMER.CH 48

ANHANG3:CHECKLISTEN 49

DIEERSTENSCHRITTEBEIEINERNEUENWEBSEITESIND: 49DATENSCHUTZ 49CONVERSION 49

ANHANG4:DOMAINNAME 50

DOMAINNAME(URL) 50

ANHANG5:CMSUNDHOSTER 51

CMSINKLUSIVEHOSTING 51HOSTER 51REGISTRARS 51

ANHANG6:AGENTURUNDLÖSUNGSANBIETER 52

ANHANG7:CHECKLISTEWEBSEITE 53

VORHANDENESMATERIALZUSAMMENSTELLEN 53VORBEREITUNG 53ANMERKUNG 53AUFZEICHNENDESINHALTS 54PLANEN 54AUFGABENPRIOSIEREN 54ERSTELLEN 54TESTENDERINHALTE 55VERÖFFENTLICHEN 55


Kurstag1

Ziele:

• Übersicht„ProjektWebseite“• BegriffCMSSysteme• ErstellendeseigenenWebauftritts• Datenaufbereitung(Inhalt,Bilder,Grafiken,Video,...)• BegriffeDomain,URL,Provider,SEO-...• StrategieundProjektschrittederWebseitenErstellung

Kurstag2

Ziele:

• ZielgruppendefinitionundUmsetzungVorgehensplan• OptimierungWebseite(InhaltmitKeywords,Text,Bilder,...)• GoogleTools(Analytics,SearchConsole)• Datenschutz• TechnologienfüreineWebsite,ROIundMesspunkte(KPI)• SuchoptimierungfürSuchmaschinen,VorgabenvonGoogle• KomplexeWebseitenversusEinfacheWebseiten• Unterhalt,InformationenfürZielgruppe• Conversion(Handlungsaufforderungwirdwahrgenommen)• Webtechnologie,Agentur,...Entscheidungshilfen• ProviderWahlundSchrittederAnmeldungeinerWebseite• Vermarktung,Bekanntmachung,SocialMedia&BusinessNetzwerke


ErstelleneinerWebseite

Übersicht„ProjektWebseite“Schritt für Schritt schauen wir an, wie Sie eineWebseite aufbauen und sich dann auf den Inhaltkonzentrierenkönnen.Denngenaudieseristes,derdarüberentscheidet,obdieBesucherIhreSeitelesenund imoptimalenFalldievon IhnengewünschteAktionzeigen.EsgibtToolszurWebseiten-Erstellung, mit welchen Sie ohne jedes technisches Know-how eine Webseite erstellen können.Praxiserfahrung ist ein sehr effizienter Weg, die Zusammenhänge zu erkennen und sich Wissenanzueignen. Anhand eines kostenlosen Webseiten-Tools zeige ich Ihnen, wie eine Homepageentstehenkann.

BegriffezumInternetauftrittWebsite:sämtlichehintereinerInternetadressestehendenSeitenHomepage:InformationenimInternetzueinerPersonoderAngebot(auchdieStartseiteeinerWebsite)Webseite:BestandteileinerWebsite,einzelneSeiten.WebseitewirdauchalsdiedeutschsprachigeVersiondesenglischenWortesWebsiteverwendet.

DerBegriffCMS(ContentManagementSystem)GenerellwerdenmitderheutigenTechnologieDesignundInhalt(Content)getrennt.DashatdenVorteil,dasswennInhalteergänztwerden,keineGefahrbesteht,dasganzegrafischeLayouteinerWebseiteversehentlichzuzerstören.Webseiten,egalwersieerstellthatundmitwelchemTool,müssenheutzutageselbstverwaltetwerdenkönnen–ebenmitCMS.

ProjektschritteWebsiteerstellenundUnterhalt


ProjektschritteWebsiteerstellenundUnterhalt

WiehochdasBudgetdereinzelnenBereicheschlussendlichseinsollte,liegtindividuellbeiIhnen.AlsBeispieleineIdeederfolgendenGrössenordnung:

• 40%Planung(einmalig)• 20%Realisierung(einmalig)• 30%digitaleVermarktung(wiederkehrend)• 10%OptimierungundUnterhalt(wiederkehrend)

DasKernversprechenSie kennen Ihr Ziel derPräsenz.DieBesucher interessiertprimär ihr eigenerNutzen.MitwelchemInhalt holen Sie Ihre Zielgruppe ab und was bekommt diese, wenn sie sich die Zeit nimmt, IhreWebseiteanzuschauen?GenauhiersetzendievorhererwähntenzweiSekundenan.

ZielderPräsenz:


Inhalt,„Content“:Funktionalität:

VonderIdeezumZiel,Stufenplan:RealisierungderWebseitemiteinemCMSTool:


Werbung:SozialeNetzwerke:Blog,Newsletter,E-Mail-Marketing,digitalesMarketing

Analyse,Beobachtung,TrendsSuchmaschinenOptimierung(SEO)AnalyseFunktionalität


DieprofessionelleWebsitebeinhaltet:


VorbereitungWebauftrittBeschreibungderWebseite-IdeeUmfeld___Firma___Verein___Person/Fachkompetenz___.................................Mission/Message/Kernaussage/....Kernkompetenz/Stärke/Alleinstellungsmerkmal


ZweckderWebsite___VerkaufProdukt___VerkaufDienstleistung___Projekt___MitgliederGewinnung___Informationverbreiten___Kontakteaufbauen___News/Blog___................

Bemerkung

DieseWortebeschreibenmeinAngebot

BeschreibungderZielgruppe


ÄhnlicheWebseitenmitdemgleichenThemaURL Bemerkung/Inhalt/Funktionen


ZielgruppeBeieinerAgentursprichtmanhiervon„Persona“.DieBeschreibungeinerPerson,diegenausoist,wieSiesichdenoptimalenKundenvorstellen.JeklarerSiedasBildhaben,destoeinfacherwirdes,TexteundBilder auf ihnoder sie auszurichten.Diese scheinbare Einschränkung zahlt sich später bei derVermarktungIhrerSeitewiederaus.SicherkennenSiePersonenoderwennIhnenniemandindenSinnkommt, beschreiben Sie sich persönlich. Beispiel: Geschlecht, Alter, Sprachen, Ausbildung, Hobby,Interessen,Vorlieben,Ausbildungusw.(Achtung:«ALLEPersonen»hilftIhnennicht!).EssindwenigerdemografischeMerkmale,sonderndiePersonalsMenschmitdemMixausInteressen,LebensstilundProblemen.

WelchePersonensprechenSiean?Persona BeschreibungTyp1

Typ2

Typ3

ZusammenfassungDamitdieBesucher IhrerWebseiteaucheineHandlungvornehmen,brauchensieeinenkonkretenGrund. Das heisst, welchen für sie relevanten Nutzen erkennt die Person und bewegt diese, eineHandlung auszuüben. Das kann sein: Kontaktformular ausfüllen,E-Mailschreiben,telefonierenusw.InderFachspracheheisstdas«Konversion»:SiebietenetwasanundderBesucherwirdaktiv,umeszubekommen.


PlanungWebauftrittJe detaillierter die Planung erfolgte und die benötigten Informationen zusammengestellt wurden,destoeinfacherwirddanachdieUmsetzung.Undzwarunabhängigdavon,obSieIhreWebseiteselbsterstellenoderdurchjemandanderenrealisierenlassen.DieInhaltestammenprimärvonIhnen.DamitdiesedannauchindasGesamtkonzeptderWebseitepassen,werdengewisseAnpassungennotwendigwerden.DasistjedochersteinThemabeiderRealisierung.

OhneTexte,Bilder,Videos,usw.vorgängiggesammeltzuhaben,zuwissen,wasgenerellonlinegestelltwird,istdieWebseiten-Erstellungzwarmöglich,abernichtoptimalundbenötigttendenziellmehrZeit.

Besucher-AnspracheAufgrundderDefinitionderZielgruppeundPersonen,diealsoptimalezukünftigeKundenAngeboteaufIhrerWebseiteaufrufen,wissenSie,wiediesebestmöglichangesprochenwerden.

Ansprache-MöglichkeitenSie-oderDu-FormFormell–lockerWortschatz:allgemeinoderFachausdrückeMonolog–DialogorientiertBilder,Motive(Berge,Menschen,Natur,...)Farbwahl


Datenaufbereitung(Inhalt,Bilder,Grafiken,Video,...)DerInhalteinerWebseite,«neudeutsch»auchoft«Content»genannt,istderGrund,warumjemandeine bestimmte Webseite besucht. Somit ist die zentrale Frage: Welcher Inhalt interessiert dieZielgruppe?DieseFragegiltauchfüralles,wasaufderWebseitedargestelltwird,z.B.auchVerweiseaufandereWebseiten(Links).AlleTexte,Videos,Bilder,Audio,Links,News,Eventbenachrichtigungenusw.solltenregelmässigaufAktualitätüberprüftwerden.

Welche Inhalte bringen dem Besucher einen Mehrwert? Welche Informationen motivieren zumwiederholten Besuch oder sogar, dass der Besucher seine E-Mail-Adresse angibt, um weitereInformationenundNewszuerhalten?

Notizen:


RealisierungWebauftritt

VorgehensplanWebseiteerstellen1) NamefürdieWebseite=>xy.jimdo.com2) AuswahlTemplate/Design3) SeitenerstellenmitTitelundInhalt4) Bilder/Videos/Grafikeneinfügen/Tabellen5) Menü-ErstellungHeaderbereich,Titel,Hintergrundbild,Logo6) WeitereModule7) Kontaktformular8) Impressum/Datenschutz


KostenloseWebseitemitJimdoerstellenDaessichbeimBeispielumeinekostenloseVersionhandelt,wirdderNamenszusatzdesAnbietersangefügt, in diesem Beispiel: ___.jimdo.com. Kaufen Sie danach eine Vollversion, können SieselbstverständlichIhrenDomainnamen(URL)ohnediesenZusatzverwenden.Zubeachten

• DengewähltenNamenmitdem«Zusatz.jimdo.com»könnenSiedanachbeiderkostenlosenVersionnichtmehrändern

• VergessenSieLoginundPasswortnicht• BeiderWahldesDesignsachtenSieaufdieDarstellungvon

LogoundBannerbild,PositiondesMenüsundallgemeineDarstellungdesLayouts• DieweiterenAbfragendienendazu,IhnenmöglichstpassendeDesignsvorzuschlagen.Zudem

wirddieWebseitemitBeispieldatengefüllt,damitSiesicheinfacherzurechtfinden.AlleBilder,Texte,Farbenusw.könnenSiedanachselbstanpassen

DieReihenfolgederAbfragenbeiderAnmeldungkannvariieren.AuswelchemGrundhabenwirJimdofürdenKursgewählt:

• InverschiedenenSprachenverwendbar(Bedienung)• KenntmaneinSystem,kannmansichindenanderenebenfallszurechtfinden• ServerstandortDeutschland(EUDatenschtutzgesetz)• LaufendeWeiterentwicklungdesCMS• LangfristigekostenloseVersionmöglich• GeringeKosten/ca.CHF108.00füreigenständigeWebseite• Supportfunktioniert• LaufendNewsundInformationen• EmailWerbungnichtzuaufdringlich,keineWerbungbeiderkostenlosenVersion• ExterneToolskönneneingebundenwerden• KeineBegrenzungbetr.Seiten(resp.ausreichendPlatzfürdieWebseite)


Schritt1:Anmeldung>>ImBrowser*URL:www.jimdo.com>>Design&«Webseite»auswählen>>NeuAnmeldenmitIhrerE-Mail,danachdenLinkinderBestätigungs-E-Mailklicken>>DieE-MailwirdfürdasspätereEinloggenbenötigt>>WählenSieJimdoFree(kostenlos)>>LesenSiedieAGBundDatenschutzerklärung>>WählenSieeinenNamen(Ihr-name.jimdo.com)(Reihenfolgekannabweichen)*bewährteBrowser:Firefox,ChromeWICHTIGIhreLogin-Daten:NameWebseite:_______________________________jimdo.comIhreverwendeteE-Mail:__________________________________IhrPasswort:___________________________________________DieDesign-/Layout-AuswahlwirdindiverseBranchenundAnwendungenunterteilt,umesIhnenzuerleichtern,etwasPassendeszufinden.Einmalgewählt,kommenSienichtmehraufdieseAuswahlzurück.NehmenSiesichZeitundprüfenSiedieAnordnungderElemente:LogoPosition,Firmenname,Headerbild,MenüPosition(oben,unterhalbdesHeaderbildes,alsdreiStricheobenlinks),vertikaleAnordnung,zweiteMenüEbeneerscheintanwelcherPosition,BreitedesInhaltsbereiches.AlleDesignsvonJimdosindResponsive,d.h.derBildschirmgrössewirddieDarstellungangepasst.


Schritt2:Bearbeitungsbereich>>LoginfürdenBearbeitungsbereich>>Besucheransicht>>Menü>DashbordfürDesignundOptimierung>>VerändernInhalte(LinkzudenBildernfindenSieaufwww.monicawidmer.ch)LoginfürdenBearbeitungsbereich(Administrationsbereich)

NachderAnmeldungsehenSieeineDarstellung,dieähnlichdemobigenBildist,natürlichmitdemvonIhnengewähltenDesign.FahrenSiemitderMaus/demCursorüberElemente,erhaltendieseeinenRahmenund lassensichbearbeiten.UntenrechtsfindenSiebeimAufrufIhrerWebseitemitihr-name.jimdo.com,dieLogin-AnmeldungfürdiesenBearbeitungsbereich.HierverändernSieInhaltundStrukturmitdemEinfügenvonText,BildernundGrafiken.BesucheransichtObenrechtsbefindetsichderButton,umIhreSeiteausderSichteinesBesuchersanzuschauen.

MitdemPfeilobenLinksgelangenSiezurückindenBearbeitungsbereich.InderAnsichtkönnenSiezwischenDesktop,TabletundSmartphonewechseln.


Menü>DashbordfürDesignundOptimierung

Layout,PositionierungLogo,Menü,FarbenwerdenviaMenü,«Dashboard»genannt,geändert.VerändernInhalteTexteAufIhrerneuerstelltenSeite,bewegenSiedieMaus/denCursoraufTextelementennachunten.Siewerdenbemerken,dasssichdasAussehendesElementesverändert.KlickenSiedannindasElement,sokönnenSiedenInhaltverändern.

TextestellendenHauptbestandteildermeistenWebseitendar.AchtenSiedarauf:

• WelcheInformationensindrelevant• NachwelchenInfossuchtderBesucher• WiegestaltenSieTextekurzundübersichtlich• WokönnenSieaufUnterseitenverweisenumdortmehrInformationenzumInhaltzugeben.• WounterstützenBilderdenText


MitderMausüberdieSeitefahren.TreffenSieaufeinTextelement,verändertsichdieAnsicht:1)füreineÜberschrift2)Textfeld3)Inhaltehinzufügen4)Button

1) ÜberschriftenproSeite1xGross,weitereMitteloderKlein2) Textelemente können Sie einfach bearbeiten, kopieren oder löschen3) Zwischen zwei Elementen erscheint «Inhalt hinzufügen», neue ElementewieTexte,Überschriften,Bilderusw.einfügen4) Button–TextundLink(klickenaufKettensymbol)könnenso einfach verändert oder neueingefügtwerdenVerändernvonInhalten,BildernundGrafikenBilder und Grafiken werden im Internet mit einer Auflösung von 72 dpi (dot per inch) in RGBFarbschema dargestellt. Zu grosse Dateien bringen ausser langen Ladezeiten keineQualitätsverbesserung.UmdieLadezeitsotiefwiemöglichzuhalten,sinddiePixelrelevant.AufdemSmartphonegiltpunktoGeschwindigkeitjekleiner,destobesser.JimdobietetebenfallsMöglichkeitenderBildbearbeitungan.Bildverwendung Pixel GrösseImInhaltsbereich 640x426 28kBHeaderbild,ganzeBreite 1280x853 193kBHintergrundbild 1920x1280 476kB


Bildbearbeitungsprogrammeeignensichsehrgut,umdieAnzahlderPixelzuverkleinern.Esempfiehltsich,einsolcheszuverwenden,dennSiewerdenauchBilderaufdiegleicheGrösseanpassenmüssen.AuchbeiBildernvonKameraoderSmartphoneempfiehltessich,dieGrösseaufdiewirklichbenötigtenPixelanzupassen.IhregewählteVorlagehatBilderundGrafiken.UmeineguteDarstellungzuerreichen,könnenIhreneuenBilderindergleichenGrösseerstelltwerden.WiefindenSiedieBildgrösseheraus?1) Besucher-Ansicht2) AufdasBildklicken3) RechteMaustaste–Bild/GrafikspeichernDieseDateidanachineinGrafikprogrammimportieren,BeispielmitGimp(Bild,Bildskalieren):

BeidenBilderndaraufachten,dassnursolchemiteinerpassendenLizenzgenutztwerden.NichtvonanderenWebseiten ohneGenehmigung kopieren! Z.B. www.pixabay.com bietet Bilder in diversenAuflösungenan.Diesedürfenauchverwendetwerden.

SokönnenSieIhreBilderinderpassendenGrösseerstellenunddanachals.jpgoder.pngabspeichern.Damit Sie eine weitere Optimierung erhalten, geben Sie dem Bild oder der Grafik einenentsprechendenNamen. SokannesauchbeiGooglegefundenwerdenundverweistdort auf IhreWebseite.

Bildname:meinewebseite.jpg>OptimierungfürdieSuchmaschinen

Geradeweil denMobilgeräten– den Smartphones – eine sowichtige Bedeutung zukommt, ist dieGrössenoptimierung der Bilder sehr wichtig. Auch wenn Ihr Tool die Bilder selbst für die Anzeigeoptimiert, ist es empfehlenswert, schon zu Beginn eine Anzeigen-optimierte Auflösungen in dieWebseiteeinzufügen.

BeiBildernundGrafikenistesähnlichwiebeiText.SobaldSiemitdemCursordarüberfahren,erscheinteinRahmen:


ProbierenSiedieverschiedenenMöglichkeitenaus:BildinderPositionrauf,runter,duplizierenBildverändern,Vergrössern,verkleinern,Ausrichten(Links,Mitte,Rechts).

KlickaufdiedreiPunkte:VergrössernbeiAnsicht,VerlinkenmitinterneroderexternerSeite.Label:UntertitelundAlternativ-Text

Alternativ-Text: Dieser ist sehrwichtig für die Such-Optimierung. Suchmaschinen lesen nebst demNamendesBildesauchdenAlternativ-Text.BeiderSuchenachBildernwerdendiesedannmitdenverwendetenWortenausdemAlternativ-Textangezeigt.EinesehrguteMöglichkeit,BesucheraufdieWebseitezuholen!

BeiderexternenVerlinkungwerdendiesebeiJimdoineinemneuenBrowser-Fenstergeöffnet.

Weitere Gestaltungsmöglichkeiten sind Spalten. Wenn der Inhalt Ihrer Webseite auf einemSmartphoneangezeigtwird,soistderPlatzinderBreitebeschränkt.MitSpaltenerreichenSieeineguteDarstellung, unabhängigderBildschirmbreite.DieeinzelnenSpaltenwerdendannwiedermitInhalten gefüllt (Bilder, Text usw.) alle Elementewelche Ihnen zur Verfügung stehen, können hiereingefügtwerden.

ExperimentierenSiemitdenvorgestelltenGestaltungs-Elementen!JedesCMSToolistetwasandersaufgebaut, verfügt aber sicher über ähnlicheMöglichkeiten.Wenn Sie an derWebseite arbeiten,wechselnSieimmermalwiederindieAnsichtdesBesuchers.ÜberprüfenSiedamit,wieText,BilderundGrafikenwirken.

EsgibtnochweitereModulefürdieGestaltungIhrerWebseite.SchauenSiesichauchdieVideoszurArbeit mit dem Tool an. So lernen Sie auch neue Möglichkeiten kennen und entdecken neueDarstellungsformen.Interessantist,es«grosse»WebseitenzustudierenundElementederBedienungundDarstellungindieeigeneWebseiteeinzubauen.


BeiJimdoistIhreWebseitebereits«live»aufdemInternetundabrufbar,sofernmanihreverwendeteURLkennt.SiekönneneinzelneSeitenverbergenodermitPasswortvordemZugriffschützen.

ÜbersichtderGestaltungselemente

DieseElementefindenSieindereinenoderanderenForminanderenCMSToolswieder.ProbierenSieaus,schauenSie,waswirktundwieIhreTexteundBilderdieBesucherambestenansprechen.EineBesonderheitistWidget/HTML.IndiesemElementkönnenSie„Befehle“eingeben,umdieFunktionalitätnochzuerweitern.

Bild:ScreenshotJimdo.com/Okt.2017


Schritt3:Navigation/MenüundneueSeiten>>InhaltaufmehrereSeitenaufteilen>>LogischeStruktur>>BesucherfindensichzurechtWenn Sie in der Nähe des Menüs den Cursor bewegen, sehen Sie ein Element «Navigationbearbeiten».MitderWahlderVorlagebzw.desDesignswurdenIhnenInhalteeingefügtsowieeineeinfacheMenü-Strukturerstellt.DiesekönnenSienachBeliebenanpassen.

KlickenSieauf«Navigationbearbeiten»,klapptderBereichausundSiesehendieeinzelnenSeiten.WelcheMenü-StrukturSieaufbauen,hängtmitdemInhaltIhrerWebseitezusammen.Siehabendazubereits weiter vorne die Inhalte zusammengestellt. Diese «verpacken» Sie nun zu übersichtlichenTeilen.IhreWebseitesolltesicherFolgendesenthalten:

• Start/Home>HierkommendieBesucherzuersthin• Angebot/Dienstleistung>GemässIhrenNotizen• Überuns>VorstellungIhresUnternehmens• Kontakt>mitFormular,wiekontaktiertmanSieambesten?

(AchtenSiedarauf,dassmanIhreKontaktdatenauchaufderSeiteeinfachfindenkann.)

AuchbeimMenuzählendieBezeichnungenzudenwichtigenBestandteilenderSeitenoptimierung.Darumaufklare,aussagekräftigeTitelachten.

Navigation


ProbierenSieesambestengleichaus.ÜberschreibenderTexte,neueSeitehinzufügenunddieseaneinengewünschtenOrtverschieben,eineEbenenachhinten(wirddannalsUntermenüdesoberenMenü-Punktesangezeigt).

«Das Auge», die letzte Position in der Menü-Zeile – damit machen Sie eine Seite unsichtbar fürBesucher,z.B.wennSienochdaranarbeitenoderumgewisseInformationendannanzuzeigen,wennvorhereineandereSeiteaufgerufenwurde.

EinpaarGedankenzurMenü-StrukturDieStrukturistkonsistentundintuitivEineguteNavigationerklärtsichvonselbstundmussnichterlerntwerden.GenausosollteauchinnerhalbderWebseitedieStrukturgleichbleibenundsichnichtverändern.VerwendenvonaussagekräftigenBeschriftungenWasfindetderBesucherunterdembetreffendenMenüpunkt?Jeeindeutigerundspezifischer,destobesser.DieStrukturzeigtdemBesucher,woergeradeistVergleichbarmitdemStadtplan,dereine«Siesindhier»-Markierunghat,solltedieNavigationdemBesuchersignalisieren,woersichinnerhalbderWebseitegeradebefindet.NichtzuvieleUntermenüsundVerschachtelungenMeistsprechenwirvonmaximaldreiTiefeneinesMenüs,umesnochübersichtlichzuhalten.DieeigeneMenustrukturEbene1 Ebene2 Ebene3


Schritt4:ArbeitenamSeiteninhalt>>UmsetzenderPlanungindenInhaltDieinderPlanungsphasezusammengetragenenDatenwerdenjetztineinzelneSeitenverpackt.WenigeristoftmehrBesucherwollennichtseitenlangeAbhandlungenlesen.HaltenSiesichkurzundbeschreibenSieklar,worumesgeht.SiekönnendetaillierteInformationenalsPDFeinbinden.BildundTextAchtenSieaufeineausgewogeneDarstellung.PassteinBildperfektzumText,dannja.EssolltedenInhaltverstärken,abernichtdavonablenken.JedeSeitesolltefolgendeElementebeinhalten:

• EinegrosseÜberschrift• MehreremittlereundkleineÜberschriften• Text(sogenannterContent)• BilderundGrafiken• Videoeinbinden• VerlinkungzuSocialMedia• EinbindenvonSocialMedia• PDFDateidownload

InhalteeinzelnerSeitenkönnenmiteinemPasswortvorZugriffgeschütztwerden.ImBeispielvonJimdoistesjedochsehreinfachgehalten.SollenBesuchersicheinloggenundinterneSeitenaufrufenkönnen,brauchtessehrwahrscheinlicheineandereSoftware(CMS).VieleUnternehmennutzenToolswieJimdoumsichüberdieInhalteGedankenzumachen.EinzelneTeamskönnensoeinfachihreIdeeneinbringen.WirddanneinProfi,eineAgenturbeigezogen,kannbereitsübereinkonkretsichtbaresErgebnisdiskutiertwerden.SokommenSieschnellerzumZiel.Checkliste Überschrift1 Überschrift2 TextbeinhaltetKeyword BildpasstzumText LinkseingefügtzuUnterseiten LinkseingefützuexternenSeiten


Schritt5:Darstellunganpassen>>Design,Menü>>BannerbildundHintergrund>>Farben>>InhaltSchriftgrösse,Schriftart,SchriftfarbeDesign,MenüNachdem Sie erste eigene Inhalte eingefügt haben, erkennen Sie, ob Ihnen die Darstellung desgewähltenDesignsgefällt.Wennnicht,könnenSieeinandereswählen.(Achtung:sobaldderWechselaufeinneuesDesigngemachtwurde,könnenSiebeiderhiervorgestelltenVersionnichtmehr1:1aufdasbeimStartgewählteDesignzurück.)

• DarstellungDesign,z.B.wiederholendeBereicherechtsundlinksdesMittelteils• DarstellungMenü1.,2.,3.Ebene

KlickaufMenü

PasstimDesigndieDarstellungdesMenüs?

Probieren Sie auch andere Darstellungen aus, bis eine für Sie optimal passt. Die bereits erstellenInhaltebleibenerhalten,jedochmüssenSieeventuellAnpassungenmachen.BevoreinneuesDesigngewähltwird,sehenSie,wieIhreWebseitemitdemneuenTemplatedargestelltwird.

BannerbildundHintergrundDiesebeidenBildertragensehrvielzumerstenEindruckbei.Wichtigist,dasssieauchpassen.WählenSie aus Bilddatenbanken oder verwenden Sie eigene Fotos. Sie werden sehen, dass die obenaufgeführtePixelzahldieQualitätderDarstellungbeeinflusst.

Sie können die Darstellung wählen: Als Bannerbild (nur Kopfbereich inkl. Fokus) und alsHintergrundbild.MehrereBildersindmöglich,ebensofürdiediversenUnterseiten.


StyleMit dieser Funktion könnenSie die Farben, Schriftartund Schriftgrösse wählen.Eine Änderung betrifftimmer alle Elemente desgleichen Typs. VerändernSie «Überschrift gross», sowerden alle verwendeten,grossen Überschriften sodargestellt.

Mitdem«Farbroller»überdenzuveränderndenBereichfahren.

MitdiesenInformationenwerdenSieeineersteVersionIhrerWebseiteerstellenkönnen.Sobalddiesgeschehenist,gehtesandieOptimierungdesInhalts.NichtnurBesucherderWebseite,sondernauchSuchmaschinensollenmöglichstoptimiertdieInformationenherauslesenkönnen.

ChecklisteStyle

Schriftart Grösse Farbe

Überschrift1

Überschrift2

Text


Schritt6:Spezialseiten>>Impressum>>Datenschutz>>VerwendungvonAnalysetools/Cookies>>AllgemeineGeschäftsbedingungen(AGB)Meistens im untersten Bereich der Webseite finden Sie diese beiden Links zu Impressum undDatenschutz. Die Allgemeinen Geschäftsbedingungen müssen dort ersichtlich sein, wo Sie etwasverkaufen.ErarbeitenSiedieseGeschäftsbedingungensorgfältigundfügenSieeinDatumein.Bitte informieren Sie sich bei offiziellen Stellen Ihres Landes, was Sie hier entsprechend angebenmüssen.PrüfenSiedieaktuellenDatenschutzbestimmungen regelmässigundaktualisierenSie IhreInformationdarüberregelmässig.NochwichtigersinddieobengenanntenPunkte,wennSieProdukteverkaufenwollen.HiersinddieBestimmungendereinzelnenLändergenauzukennen.AuchbeiminternationalenOnlineShop:ZiehenSiehierExpertenbei!DieGesetzgebungenmüsseneingehaltenwerden,ansonstenkönnenSiedafürbelangtwerden.Checkliste Impressum DatenschutzHinweis CookiesHinweis VerwendungInformationen


Schritt7:WeitereElemente>>YouTubeeinbinden>>GoogleMaps/Landkarteeinbinden>>Moduleeinbinden>>Verkauf/OnlineShop-Modul>>Kontaktformular>>SocialMedia-undBusiness-NetzwerkeYouTubeFremdeodereigeneVideoskönnenaufYouTubegespeichertundaufderWebseiteabgerufenwerden.Dazu gibt es eine eigene Funktion. Zuerst Link des YouTube-Videos kopieren. Danach bei «Inhaltehinzufügen»-Video anklicken, danach den kopierten Link in das Feld einfügen.

GoogleMaps/LandkarteeinbindenBeiderAngabeIhrerAdresse,demKontaktformularoder«SofindenSieuns»einehilfreicheAngabefürIhreBesucher.ModuleeinbindenKlickenSieauf«Inhaltehinzufügen»undhierauf«WeitereInhalteundAdd-ons».ProbierenSiedieseaus, diemeisten sind sehr intuitiv und selbsterklärend. Spannende Erweiterungen bietet auch dasModulwww.powr.iodirektausJimdoeinzubinden.Widget<html>DiesesModul dient dazu, dieWebseitemit Inhalten zu erweitern. Diverse Anbieter stellen diesenHTML-CodezurVerfügung,z.B.einenFahrplan,grafischeDarstellungen.Verkauf/OnlineShopModulEristnichtzuvergleichenmitden«grossen»OnlineShops.HabenSieeinigeProduktedieübersichtlichundohneeinLive-UpdatedesLagerbestandesunddesPreisesauskommen,soisteseinguterEinstiegindieWeltdesOnline-Handels.DazubenötigenSiejedochdieProVersion.MitdemModul«Shop-Produkt» können Sie die wesentlichen Inhalte und auch die Versand- und Zahlungsmodalitätenerfassen.AuswahldiesesShop-Modulseignetsich,wennSiewenigeProduktehaben.DiePreiseändernnichttäglich und der Lagerbestand ist kein Thema. Wichtig ist hier, dass Sie den Verkaufsprozessdurchdenken. Von Angebot im Shop bis hin zum Verkauf und Retouren. Rechnen Sie die Preise


dementsprechenddurch.SolltenSieaufRechnungverkaufenwollen,soprüfenSiediesganzgenau.NatürlichbevorzugenKundendiesenWeg,dieFrageistjedochdieZahlungsmoral.KontaktformularAufjederWebseitefindenSiedieMöglichkeit,entwederviaE-MailodermiteinemKontaktformularInformationen zu erhalten. Gestalten Sie das Formular gemäss Ihren Anforderungen. JedochverzichtenSieaufzuvieleFelder.

Felder mit einem * müssenausgefülltwerden. Beim Klick inden Bereich des Formulars,erhalten Sie weitereMöglichkeiten, Formularfeldereinzufügen.

SocialMedia-undBusinessNetzwerkeTeilenIhrerInhalteimSocialMedia-ProfildesBesuchers.DazudienendieShareButtons.VerlinkenaufIhrProfilineinemBusiness-Netzwerk.AnzeigevonSocialMediaInteraktionen.


IhrAngebotoderDienstleistungmussfürdenWebseiten-Besucherklarersichtlichsein.

• BietenSiedasGesuchtean,indemSieSuchworte(IhreKeywords)inÜberschriftenundTextplatzieren

• Inhaltwirdin2bis5Sekundenüberflogenundesentscheidetsich,obdieBesucherweiterlesenoderwegklicken

• BeschreibungstextentsprichtderÜberschriftundhandeltvomgesuchtenThema,Angebot• Übersichtlichkeit>MenüsundAnordnungderSeiten• WersindSie>IhrNameundLogo• Impressum,Datenschutz,AGBvorhanden• WiekontaktiertmanSie>Telefonnummer,Formular,E-Mail,Adresse

WielangebleibenSieaufeinerSeite,wodasGesuchtenichtsoforterkennbarist?PrüfenSiedieeigeneWebseiteaufdiesenPunkt.WelcheInhaltebewegendieBesucheraufderSeitezuverweilen


Schritt8:Inhaltsoptimierung>>Darstellung>>Keywords–SuchwortederBesucher>>Verlinkungen(LinkundBacklink)>>SeitenoptimierungfürSuchmaschinen>>ErsteTestsSoweithabenSieIhreWebseitefertiggestellt.JetztwerdenwirnochmalsdenAuftrittnachdiversenKriteriendurchleuchten.ZuerstdieBasis:TestenderInhalte

• VerständlichkeitderWorteundSätze• Schreibfehlerkorrigiert• Besuchererkennt,worumwasesgeht• ÜbersichtlichkeitimMenü• ButtonsführenzurrichtigenSeite• LinksinnerhalbderSeitefunktionieren• LinksnachexternenSeiteninneuemFenster• E-Mail-Adressensindkorrektundfunktionieren• FormularfelderundderenInhaltesindkorrekt• EingebundeneDateienwerdenangezeigt(PDF)• Dateidownloadfunktioniert• VideolinkszuYouTubefunktionieren• ....................

LassenSieeinenichtinsProjektinvolviertePersondieWebseiteanschauen.PersönlichesFeedbackvonjemanden,dersichinIhreZielgruppehineinversetzenkann,istgeradefürneuekleineWebseitensehrwertvoll!ZurtechnischenOptimierungkönnenToolswiewww.seitwert.dekönnendabeihelfen.DiesimKapitel„Optimierung“.

DarstellungOptimierenSienötigenfallsdieDarstellung.EinheitlichkeitderFarben,Bilder.Textgrössen,TextfarbeundSchriftenpassen.LassenSieRaumzwischenden InhaltenundgehenSievonderÜbersicht insDetail.

Keywords–SuchwortederBesucherHierverwendeich«Keyword»:EinBegriff,derauseinbismehrerenWortenbesteht.ErbeschreibtIhrAngebot,unddiepotenziellenBesucherIhrerWebseitegebenihninderSuchmaschineein.PrimäresZielist,dieFragendesBesucherszubeantworten.Dasheisst,dieBesucherkommenentwederdirektmitderURLaufIhreWebseiteoderviaGoogle/Suchmaschinen.KommtdiePersonviaSuchmaschine,so hat sie basierend auf den eingegebenen Worten diverse Webseiten oder Bilder angezeigtbekommen.


BetreffendVerwendungvonKeywordsgibtGoogleinihremTool„GoogleAdwords“dieMöglichkeit,diesezuRecherchieren.SuchenSieimInternetnach:Keywordplanner,Keywordtool.DieDefinitiondieserWörteristeinsehrumfassendesThema.

ZumStartverwendenSieWorteoderWortkombinationenvondenenSieannehmenkönnen,dassIhrepotentiellenKundendiesefürdieSucheverwenden.

KeywordsfürdieWebseite:

1-2Worte

Begriffe,Sätze

VerwendungderKeywordsaufdeneinzelnenSeitenIhrerWebsite

• EinegrosseÜberschriftmitKeywordproSeite• Keyword,SynonymoderWortgruppekommenimnachfolgendenTextmehrfachvor,jedochim

vertretbarenMass(auchIhreBesucherlesendiesenText)unddieAlgorithmenvonGooglekönnendieKeywordsinWortgruppenerfassen

• BilderhabeneinensprechendenNamenundderAlternativ-Textwurdeerfasst• RegelmässigeAktualisierungderInhalte


Verlinkungen(LinkundBacklink)Das Internet lebt von Verlinkungen. Webseiten werden miteinander verbunden. AbgehendeVerbindungnenntmanLink,LinksdievonanderenWebseitenaufIhreverweisensindBacklinks.

Links:wählenSieWebseitenmit relevanten Inhaltenfür IhreZielgruppe.VerlinkenSienur,was IhrAngebotvertieft,erweitertusw.EbensokeinAustauschvonLinkszwischenzweiWebseiten,dasbringtIhnennichtsundwirdvondenSuchmaschinennichtehernegativbewertet.

BacklinkserhaltenSievonanderenInternetseiten.DieseverlinkenaufIhrAngebot,ähnlichwieauchSiemitLinksauffremdeSeitenverlinken.Natürlichstehtes Ihnenfrei,beidenWebsiteBetreibernnachzufragen,obeinLinkaufIhreSeitegemachtwerdenkann.JedochistdieRelevanzundErgänzungzuIhremThemaanobersterStelleundnichtdieAnzahlBacklinks.UmBacklinkszuerkennen,brauchenSieeinTool.

LinksaufandereSeitenURL Inhalt

BacklinksgewünschtvonURL Inhalt


DasFinish:faviconeinfügenBeidenmeistenInternetbrowsernerkennenSieeinekleineGrafikobennebendemSeitennamen.DiesekleineGrafiknenntmanfavicon.SiehateineigenesFormatundkanndanacheingefügtwerden.

Vorgehen:ImInternetsuchenSieeinenfavicon-Generator.DiessindmeistenskostenloseTools.Achtung:AufpassenbeiKlicksaufdieseWebseiten,damitSienichtausVerseheneinungewolltesProgramminstallieren!Dasfaviconwirderstellt,indemSieeineGrafikhochladenoderselbstmitdemZeichenstifteinekreieren.Danachdownloadenundeinfügendes«favicon.ico»inJimdo.EinfügenkönnenSieesmit:Menü>Einstellungen>Funktionen>FaviconDortkönnenSiedasfavicon.icohochladenundeserscheintnebendemNamenderWebseite–Website.


9Vermarktung>>SeitenoptimierungfürSuchmaschinen>>ErsteTests

DieWebseitesteht,istgetestetundaufgeschaltet.Wiegehtesweiter?OhneaktiveVermarktungIhrerWebseitewirddieBesucherzahlwahrscheinlichnicht IhrenErwartungenentsprechen.WirschauendieMöglichkeitenfüreinkleinesBudgetan.

1) KlassischeWerbung(Visitenkarten,Print,Flyerusw.)2) SozialeNetzwerke(XING,LinkedIn,Facebook,Twitter,YouTube,GoogleMyBusinessusw.)3) Blog,Newsletter,E-Mail-Marketing

WelcheMöglichkeitenderVermarktungbietensichan?


VermarktungmitsozialenMedienBeobachten Sie,werwelche Inhalte auf dendiversen SocialMedia Plattformenplatziert. AuchdieKonkurrenzodereinBlickaufandereBranchenkannsichlohnen.DasverschafftIhneneinenÜberblick,wo sich Ihre Zielgruppeaufhält.Welche Inhalte interessieren?Diese sollten sichnur seltenum IhrProduktoderDienstleistungdrehen,denn IhreZielgruppe interessiertsichwahrscheinlichmehr fürInformationen zumThema, Lösungswege,Unterhaltung,Wettbewerbe usw. Bewährt hat sich eineAuflistung,umdieÜbersichtzuerhalten.AlsKleinunternehmenhabenSienocheinensehrhilfreichenVorteil:BefragenSieIhreKunden!

Thema/Inhalt Zielgruppe F T X L

Worumgehtes,weristdieZielgruppdesThemasundwowurdeesaufgeschaltet(F=Facebook,T=Twitter,X=Xing,L=LinkedIn).WeitereSocialMediaPlattformen/Blogs/Gruppen/...


ProfessionelleWerbungSiemöchtenmitGoogleAdwordsneueKundengewinnen.OderaufFacebookeineKampagnefürmehrLikesoderKlicksaufIhreWebseitestarten.SehrschnellhabenSievielGeldausgegebenohneeinenNutzen davon zu haben. Entweder Sie befassen sich intensiv mit Werbung im Internet oder SieverpflichteneineAgentur.DiesekennendieStatistikenundAuswertungsmöglichkeiten.JemanddersichtagtäglichmitdigitalerWerbungbefasst,kenntdieWegeIhrUnternehmenoptimalzuvermarktenbesseralswennwires«zwischendurch»erledigen.EinExperteindiesemGebietkannIhnendannauchdieAuswertungenaufbereiten,damitSiesehen,obIhreZieleerreichtwerden.InvestierenSiehierindieExperten.

KleinesBudgetFacebookMitwenigBudgetpotentielleKundenerreichen.SichereineMöglichkeit,dieReaktionenderZielgruppezutesten.YoutubeEingelungenesVideobringtmanchmalmehrBesucheraufdieWebseitealsreinerTextoder„nur“einBild.GooglePlattformenNutzenSiedasNetzwerkumaufIhreWebseiteaufmerksamzumachen.XINGundLinkedINAufbeidenPlattformenkannWerbunggeschaltenwerden.ConversionWennSiewerben,wollenSiedenBesucherzueinerHandlungveranlassen:

• DownloadInfomaterial• EinschreibunginNewsletter• Probeabobestellen• Telefonanruferhalten• KaufProdukt

FormulierenSiedieWebseiteso,dassgenaudasdieHandlungdesBesuchersseinwird.


10Optimierung>>SeitenoptimierungfürSuchmaschinen>>ErsteTests

BesucherkommenaufdieWebseite.ImoptimalenFallerhaltenSiedadurchAnrufe,Kontaktanfragen,verkaufen Ihre Dienstleistungen oder Produkte. Die Optimierung dient dazu, noch besser auf dieBesucheranforderungen einzugehen.Worte zu wählenmit denen Besucher nach DienstleistungenoderProduktensuchenunddannimidealenFallbeiIhnenaufderWebseitelanden.

Analyse,Beobachtung,Trends(z.B.mitGoogleAnalytics,GoogleWebmastertoolsusw.)

• SEOmitKeyword-Optimierung,Text-undKeyword-Optimierung,SEOaufderSeiteusw.• AnalysebetreffendRedesign(NeugestaltungderWebseite),Erweiterung,Optimierungdurch

neueFunktionalität

AnbindungGoogleToolsEinfach zu nutzen ist Google Trends. Suchen Sie danach und probieren Sie es aus. Bevor SieAuswertungenmachenkönnen,müssen SieGoogleAnalyticsundGoogle SearchConsolemit IhrerWebseiteverbinden.BeideToolssindsehrzuempfehlen.

GoogleAnalyticsInformationenüber IhreWebseitebetreffendZielgruppe (aktiveNutzer, demografischeMerkmale,Interessen, Verhalten), Akquisition (Kampagnen mit Keywords), soziale Netzwerke, Webseiten-Content (Inhalt, Zielseiten, Ausstiegsseiten) usw. Dazu eröffnen Sie bei Google einen Account undwählenAnalytics.Unter«verwalten»könnenSieeinneuesKontoerstellen,gebenIhreWebseiten-URLan und können danach die Tracking-ID abrufen. Das genaue Vorgehen entnehmen Sie bitte derAnleitungvonGoogle.DieHilfeistaufderSeiteverfügbar.


Mit dieser kopierten Tracking-ID (z. B. UA-12345678-1) geht es zurück zur Webseite. Bei derkostenlosen Jimdo Version kann es leider nicht verwendet werden. Das ist verständlich, denn esbrauchteineneigenenDomainnamen,umdenTrackingCodezugenerieren.BeiderProVersionsiehtesdannsoaus:

AlternativkönnenSieimHeadBereichderJimdoWebseitedenGoogleAnalyticsTrackingCodeeinfügen.

SobalddieVerbindungsteht,könnenSiedieDateninAnalyticsanschauen.Speziellinteressant:welcheSeitenwerdenaufgerufen,welcheKeywords,VeränderungbeiKampagnenusw.BeiVerwendungvonAnalysetoolsmüssenSiedieBesucherdaraufhinweisen.VerwendenSiedazudenvorgegebenenText,z.B.vonGoogleAnalytics.InJimdokannderHinweisdaraufaktiviertwerden:

Menü>Einstellungen>DatenschutzundSicherheit>DatenschutzAuswählen:«HinweiszuCookiesanzeigen»undbeiAnalyticsebenfalls.GoogleSearchConsoleDiesesToolergänztAnalyticsundliefertIhnenauchwertvolleInformationenzutechnischenFragenIhrer Webseite. So haben Sie einen guten Überblick Suchanfragen, Google-Index, Links,Sicherheitsproblemeusw.

MitdemgleichenLoginwiebeiAnalyticskönnenSiesichbeiSearchConsoleanmelden.DannneuePropertyerstellen:domainname.xx.Unter„AlternativeMethoden“denHTML-TagkopierenundbeiJimdounter„Einstellungen–Headbearbeiten“einfügen.

DanachbeiGoogleSearchConsole„Bestätigen“.


DieVerbindungwirdinSearchConsolebestätigt.

LinksundBacklinkscheckenWie imvorhergehendenKapitelvorgestellt,brauchtes immeraktualisierteLinksundBacklinks.ZurOptimierunggehörtdielaufendeAktualisierungdieserVerknüpfungen.DieseVerlinkungenvonundzuIhrerSeitesindeinwichtigerBestandteilIhrerInternetpräsenz.BefassenSiesichdamit,wasIhreBesucher interessiert und als eine Ergänzung zu Ihrem Thema passt. Diese Links sind Teil derBewertungIhrerWebseitedurchGoogle.

WebseitebeiGoogleindexiertBiseineWebseitebeiGoogle indexiertwird, kanneseinigeWochendauern.Auchdanach isteineKontrolleimmerwiedergut.EntsprechendieangezeigtenSeiteninetwaIhrerAnnahmeistallesok.WeichtdieZahldeutlichab,konsultierenSieSearchControl,umdenFehlerzufinden.

AktualitätDies ist ein enormwichtiger Punkt.Wie lange sindNeuigkeitenneu? Ist der Event,welcher inderVergangenheitliegt,gelöschtoderimmernochals:«unsernächsterAnlass»bezeichnet?

Löschen von Inhalten: gernewird alles gespeichert, obwohl schon langenichtmehr aktuell.Wenntrotzdemnochdarauf zugegriffenwerden soll,dannkannderArtikel z.B. ineinArchivverschobenwerden.


Conversion–oderwasmachtderBesucheraufIhrerWebseite?Vielfach finden wir auf Webseiten spannende Angebote, doch selten eine konkreteHandlungsaufforderung.Esmagungewohntsein,explizitdemBesucherzusagen,ersolleanrufen,sichper E-Mail melden, die E-Mail-Adresse für den Newsletter angeben oder das Kontaktformularausfüllen. Mit den vorgängig genannten Google Tools können Sie erkennen, wann Besucher IhreWebseiteverlassenhabenundsodortoptimieren.

WiederholungundAusdauerWieoftmusseinKontakterfolgenbisdiePersonIhnenvertraut?DurchschnittlichgehtdieBranchevon7odermehrKontaktenaus.HauptproblemdabeiistderBetreiberderWebseite,zufrühwirdaufetwas Anderes gewechselt. Prüfen Sie die Aufrufe der einzelnen Seiten. Passen Sie Ihre AussagenbetreffendAngebotundNutzennochbesserderZielgruppean.ManchmaldauerteslängerbissichderErfolgeinstellt.DafüristerdanachauffürdieZielgruppeechtenWertenaufgebaut.

ZeitplanUpdate

Wann Was Wer Erledigtbis


Anhang1:FragenGenerelleFragenzumProjekt:• Auftraggeber• Projektleitung• Projektteam• Externe/interneProjektmitglieder• Budget• Terminplan• ThemaderWebseite• ZweckderWebseite• ZielderWebseite• MessgrössendesErfolges(KPI)

WebseitenRecherche:• Konkurrenz:Wasbietetsie?• ÄhnlicheWebseitenmitdemgleichenThema• WebseitenmitansprechendemDesign• WebseitenandererBranchenmitinteressantemInhalt

FragenzudenWebseiten-Besuchern:• WelcheVersprechenmachenSiedenBesuchern?• WelchePersonensprechenSiean?• BeschreibungZielgruppe(bestehtausmehrerenPersonengenanntPersona)• WersinddieBesucher/BesucherinnenderWebseite?• WasistdasInteressedesBesuchers/derBesucherin?• WassinddieProbleme/Wünsche/HoffnungenderBesucher?• Besucher-Ansprache(Sie,du,locker,formell)• VernetzungInhaltvonSocialMedia-PlattformenundZielgruppe• Business-PlattformenundVerlinkung


Inhalt/ContentderWebseite:• WelcheInformationenfindenSiewichtigundwollenSiezeigen?• InhaltfürbestehendeKunden(Angebot,Nutzen)• InhaltfürneueBesucher(Angebot,Nutzen)• InhaltfürwiederkehrendeBesucher(Angebot,Nutzen):• IdeenzumAusbauderFunktionalität• WelcheInhaltemöchtenSiepublizieren(externeQuellen)?• AufwelcheSeitenwollenSieverlinken?• VonwelchenSeitenmöchtenSieBacklinkserhalten?• InhaltsverzeichniszuInformationen• DateiverzeichnisfürweitereSprachen• DateiverzeichnisfürBilderundMedien• WeitereInhaltefürdieWebseite

Organisation/ProzessUnterhalt:• WeristfürdenInhaltverantwortlich• WeristfürdieOptimierung(technisch)verantwortlich• WerhatdieKompetenzbeieinemNot-,Krisenfall• WannwerdenUpdatesdurchgeführt• E-Mail-AdressefürAnfragen• TechnischeProbleme,werwirdkontaktiert• SicherheitskopiederWebseite(Backup)• VerantwortlichePersonfürdenDatenschutz


Anhang2:ToolsWeitereLinksfindensichauf:www.monicawidmer.chhttps://testmysite.withgoogle.comLadegeschwindigkeitderWebseitehttps://builtwith.comEsliefertauchZahlenüberdieAnzahlrealisierterWebseiten,Regionenusw.http://www.wpthemedetector.com/KannbeiWordpressWebseitenInfozumverwendetenTemplateundzuZusatzmodulenliefern.JedeWebseitebrauchtBilder.ProfessionelleBilderkönnenentwedergekauftwerdenoderkostenlosgenutztwerden,z.B.von:https://stock.adobe.com/deAdobehattopprofessionelleFotos,VideosundIllustrationen.https://pixabay.com/HiergibtesvielekostenloseFotos,VideosundIllustrationen.NatürlichexistierennochvieleweitereAnbieterdieserArt.https://www.gimp.org/KostenlosesToolfürdieBildbearbeitungfürWindowsundMacDieseLinksundderenSeiteninhaltekönnensichverändern.DieAutorinsowiederHerausgeberübernehmenkeinerleiHaftung.WeitereLinks


Anhang3:ChecklistenDieerstenSchrittebeieinerneuenWebseitesind:• GuteVorbereitungdurchPlanungdergewünschtenFunktionalität• Inhalteaufbereiten,FokusaufdasWesentliche,AGBusw.• Menü-Strukturdefinieren(basierendaufdeneinzelnenSeiten)• DefinierenderKeywordsauseigenerErfahrung• WahlderTechnologie/Einarbeitenundkennenlernen• Umsetzen• Testen• Live-Aufschaltung

DatenschutzBitte bei der Verwendung von fremden Inhalten, Bildern, Grafiken, Videos usw. dieLizenzbestimmungenunddielegaleVerwendungVORHERprüfen.DatenschutzbestimmungendesLandesimmerwiederaufNeuerungenchecken.Wirdmanabgemahnt,dasheisst,daraufaufmerksamgemacht,dassmanfremdenInhaltverwendet,diesenumgehendentfernen.TrotzdemkanndemBetreiberderWebseiteeineStrafzahlungdrohen.

ConversionMitwelchenInhaltenwerdenBesucherdazubewegt,eineHandlungvorzunehmen:Inhalt Handlung


Anhang4:DomainnameDomainname(URL)DerDomainNamekannalsdiedigitaleIdentitätangeschautwerden.DenndieWebseiteistdieBasisaller Kommunikation und Inhalte können so gestaltetwerdenwie Sie es alsUnternehmenwollen.EntsprichtderDomainnamenichtdemFirmennamen,soschwächenSieIhrMarkenprofil.SindSieeinStart-up-UnternehmenundinderNamenswahlnochfrei,sosprichtvielesdafür,verfügbareNamenzu checken und auch auf Facebook, Twitter, YouTube usw. die Verfügbarkeit zu prüfen undgegebenenfallszureservieren.AuchwennSienochnichtaufdendiversenSocialMedia-Plattformenaktivseinwollen,denNamenfürsichzubeanspruchenmachtSinn.

EinDomainnamesollte:

• FirmennamenoderDienstleistungenthalten• Einfachzumerkensein(keineFantasie-Abkürzungen)• Möglichstkurzsein,abergutmerkbar• BeiinternationalerAusrichtungdieBedeutunginanderenSprachenchecken• NeueDomain-Endungenprüfen,obesSinnmacht,diesezunutzen,z.B..expert/.courses/.city

usw.• Schreibvariantenebenfallsregistrieren

IdeenfürDomainname


Anhang5:CMSundHOSTERCMSinklusiveHostingAnbieter wie jimdo.com, die ich in diesem Buch als Beispiel verwendet habe, bieten Ihnen dasGesamtpaketan.SiemüssensichnichtumtechnischeDetailskümmern.PrüfenSiejedochdenUmfangderFunktionalität.Hosterbietenoftmals«SitebuilderTools»an.EineListezuerstellenistaufgrundderVielfaltnichtmöglich.

HosterEntscheidetmansichfüreinCMSSystemwieWordpress,Drupal,Typo3,sobrauchtesdazuaucheinenHoster,dasheisst,dieWebseiteistaufdemServereinerFirmainstalliert,diespezialisiertist,diesezubetreiben.VergleichenSiedieAngebote.NichtnurderPreis,auchdieDienstleistungistentscheidend.SucheimInternetmitdenBegriffen:Hoster,Webhosting

RegistrarsBenötigenSieeinenDomainnamen,findenSiehierAnbieterundweitereInformationzumThema:https://www.nic.ch/de/registrars/https://www.icann.orghttps://www.denic.de/https://www.icann.org/https://eurid.eu/WeitereLinks


Anhang6:AgenturundLösungsanbieterStatt Links möchte ich hier Folgendes nennen: Agenturen erstellen eine explizit für Sie designteWebsite her. Individuell, präzise auf Ihre Anforderungen undWünsche angepasst. Dies hat seinenPreis,denndahinterstecktsehrvielArbeit.DiezurWebseiten-ErstellunggestelltenFragenwerdennochmitweiterenFragenzuIhremAngeboterweitert.AusdiesenerstellenSiedanndasBriefingfürdieAgentur.DasBriefingbildetdieGrundlagefürPräsentationenundAngebotevonAgenturen.Wenn Sie jemanden brauchen, der Ihnen IhreWebseite erstellt, gibt es kleinere Lösungsanbieter.DiesekönnenfürIhreBedürfnisseeinegenausoguteUmsetzunganbieten.Wichtigauchhier,esmussgegenseitigpassen.WieauchbeimAgentur-Briefing,musseinEntwickleroderProgrammiererwissen,wasSiewollenundwelchesBudgetSiehaben.VergessenSiebittenicht:auchwennjemandfürSiedieWebseiteerstellt,Siesind involviert inderZusammenstellungdesInhaltes.IhreErfahrungmussindieLösungeinfliessenundwirddortoptimalfürdiedigitalePräsenzaufbereitet.WeitereLinks


Anhang7:ChecklisteWebseiteVorhandenesMaterialzusammenstellen• Texte:Titel,WorteimText,Keywörter,Aktualität• Logos:AuflösungundQualitätderGrösseanpassen• Rechte:Urheberrechtbeachten• Grafiken:Pixel-oderVectorgrafikenoderBilder?• WelcheFarbensprechenan?

VorbereitungFormulierenderIdeeunddesZieles.KlareVorstellungüberdasZieldesInternetAuftrittsDieseVorstellungenaufschreiben,Ideenaustauschenundfesthalten.AnmerkungEventuell weitere Ideen für einen späteren Zeitpunkt aufnehmen und mit einer klar definiertenFunktionalitätstarten.Muss-InhaltfürdieersteVersionderWebseiteklarfestlegen.Esistmeistensso,dassineinemZeitraumbisin2JahrenweitereFunktioneneingebautwerdensollen.Esbewährtsichjedoch,einenkonsequentenZeitplanaufzustellenundvielleichtamAnfangaufetwasverzichten.DafürwirddieWebseiteauchtermingerechtaufgeschaltet.JedeÄnderung,undistsienochsoklein,bringtVerzögerungenmitsich.

• Zielgruppe(diesistderallerwichtigstePunktinderganzenWebseiten-Erstellung!)• Tonalität• Sprachen• Farben,Textartusw.


AUFZEICHNENDESINHALTS

• Geschichte• Text• Bilder/GrafikenundBenennungdiesermitText• Fotos• InhaltAktualität,Autoren,TerminederVeröffentlichung• News,Events• E-Mail-Adressen–anwengehendieReaktionenderBesucher?• Links

VerlinkenmitSocialMedia(Facebook,Twitterusw.)StrategiefürE-Mail,Newsletterusw.PLANENRecherchierenüberdieGewohnheitenderZielgruppe.Wonachsuchtsie,wiesuchtsie(Begriffe)?Keywords(Suchbegriffe),(GoogleAnalytics),ProdukteinE-Bay,AmazonundRicardo&Co.,Google.URL-WahlundCheckaufdendiversenPlattformenundLändern.AUFGABENPRIOSIERENDefinierenderAufgaben(Projektplan):• Texter• Grafiker• Fotograf• Programmierer• Tester• UnterhaltnachVeröffentlichung• AnsprechpersonenbeiFragen,ReaktionenderCommunity

Notfallplanerarbeiten(Sitedown,gehacktusw.).ERSTELLENNamenswahlundReservierungbeieinerRegistrierungsstelle.BeiHostermitCMSund/oderCMSintegriertineinHosting.TechnischeUmsetzung


TESTENDERINHALTE

• Verständlichkeit• Schreibfehler• Positionierung• MenüundÜbersichtlichkeit• Links• Impressum• E-Mail-Adressen

VERÖFFENTLICHEN• EventuelleinerkleinenGruppezeigen,Meinungeneinholen

undgegebenenfallsAnpassungeneinleiten• Analysetoolseinsetzen• Such-Optimierung(SEO)imAugebehalten,Texteanpassen• Such-OptimierungaufVerkaufsplattformen• CheckenderaufgeschaltetenSeiten,Links• VerlinkungmitSocialMediaUNTERHALT• Kundenfeedbackernstnehmenundumsetzen• TerminefürdenUnterhalt,neueInhalte,neueFunktionen,ÜberprüfenderSeiteneinhalten• TechnischeUpdates• AktualitätderöffentlichenInhalteüberprüfen• Datensicherungen(Backup),SichernderKunden-E-Mailsusw.• Notfallplanaktuellhalten(Sitedown,gehackt,negativesFeedback,usw.)

VerantwortlichePersonfürdenDatenschutzbestimmen.Weiteres

Know-how für die Präsenz im Internet file© InnoPark Schweiz, Widmer Training - Monica D. Widmer...

Documents

Transcript of Know-how für die Präsenz im Internet file© InnoPark Schweiz, Widmer Training - Monica D. Widmer...