[Musik]

Hallo, in diesem Video erkläre ich dir, wie du den Texteditor im EDWIN richtig verwendest.

Ich zeige dir, wie du Buttons erstellen, Links setzen und deine Texte ansprechend gestalten kannst.

Lass uns gleich starten.

So, beginnen wir erst einmal mit den Grundlagen.

Jeder Texteditor ist gleich aufgebaut und besteht aus einem Texteingabefeld und einer Werkzeugleiste.

Die Größe des Texteditors kann mit der rechten unteren Ecke angepasst werden.

Halte dazu die Maustaste gedrückt und ziehe das Textfeld in die gewünschte Größe.

Der Text, welcher in das Eingabefeld getippt wird, wird als Vorschau dargestellt.

Die tatsächliche Darstellung des Textes kann am Frontend überprüft werden.

[Musik]

Der angezeigte Text besteht aus Paragraphen, um eine sinnvolle Semantik und die Barrierefreiheit der Website zu gewährleisten.

Wenn du die Entertaste drückst wird ein neuer Paragraph erstellt:

Es ist deshalb nicht möglich, durch wiederholtes Drücken der Entertaste einen Abstand zwischen den Texten zu erzeugen.

Das würde lediglich leere Paragraphen erstellen, welche nach dem Speichern des Textes automatisch gelöscht werden.

Um jedoch innerhalb eines Absatzes Abstände zu erzeugen, müssen Umbrüche, sogenannte "Brakes", erstellt werden.

Halte dazu die Shifttaste gedrückt während du mit der Entertaste einen Umbruch erzeugst, dieser Abstand wird auch nach dem Speichern bestehen bleiben.

Kommen wir zu den Textformatierungen.

Die Standardformate wie fett, kursiv, unterstrichen und hochgestellt wirst du sicher kennen.

Diese kannst du anwenden, indem du den entsprechenden Text markierst und einfach auf das gewünschte Format klickst.

Als nächstes haben wir die Möglichkeit, Listen zu erstellen.

Das funktioniert im Prinzip genauso.

Markiere den gewünschten Textbereich und klicke entweder auf das Symbol für die unsortierte oder die sortierte Liste.

Je nachdem ob du nur Aufzählungszeichen oder eine nummerierte Liste haben möchtest.

[Musik]

Das Symbol neben den Listen aktiviert einen Modus, indem du zuvor kopierte Texte ohne jegliche Formatierungen einfügen kannst.

Dieser Modus bleibt so lange aktiv bis er wieder abgewählt wird.

Das ist ganz nützlich, wenn du die Texte neu formatieren möchtest, sie aber bereits Formatierungen enthalten.

Es hilft auch gegen unerwünschte Umbrüche oder nicht sichtbare Sonderzeichen, die beim Kopieren entstehen können.

Ein weiteres nützliches Werkzeug ist der Radiergummi.

Er entfernt alle Formatierungen vom ausgewählten Text.

Als nächstes sehen wir die drei Verlinkungswerkzeuge.

Mit dem ersten Link-einfügen-bearbeiten-Werkzeug kann man Verlinkungen setzen.

Es gibt verschiedene Optionen einen Link zu erstellen.

Markiere hierzu den Text und klicke auf das Linksymbol.

Hier kannst du die Art des Links auswählen.

Je Linktyp hast du zwei Eingabefelder.

Die Quelle des Links und den Linktext mit dem externen Link kannst du eine beliebige Website verlinken.

Die Quelle definiert immer das Ziel des Links.

Der Linktext erscheint als Tooltyp des Links.

Dieser wird angezeigt, wenn man mit der Maus über den Link hovert.

Hier sollte im besten Fall eine klare Bezeichnung für den Link stehen.

Das ist vor allen Dingen aus barrierefreier Sicht ein wichtiger Schritt.

Mit dem internen Link kannst du eine einzelne Seite innerhalb deines Edwins verlinken.

Gib dazu einfach im Eingabefeld "Seite" den Namen deiner Zielseite ein.

Du bekommst direkt passende Vorschläge in einem Dropdown geliefert.

Wähle einfach deine gewünschte Seite aus.

Mit dem Dateilink kannst du Medien aus deiner Mediendatenbank verlinken, damit diese dann heruntergeladen werden können.

Hier kannst du also einen Download Link erstellen.

Wie du die Mediendatenbank verwendest, erkläre ich dir in einem separaten Video.

[Musik]

Mit dem E-Mail Link kannst du, wie der Name schon verrät, E-Mails hinterlegen, trage dazu einfach deine E-Mail Adresse ein.

Mit dem Telefonlink kannst du Telefonnummern verlinken.

Trage dazu einfach deine gewünschte Telefonnummer ein.

Das ist besonders praktisch, wenn der Benutzer deine Website mit einem Smartphone besucht.

Achte aber darauf, dass die Telefonnummer mit der Landesvorwahl und ohne Sonderzeichen bzw. Leerzeichen eingegeben wird.

Mit dem Ankerlink kannst du einen sogenannten Anker verlinken.

Dieser Anker stellt eine Sprungmarke dar.

Das heißt, du kannst einen bestimmten Bereich innerhalb derselben Seite verlinken.

Bei einem Klick auf diesen Link scrollt die Seite dann automatisch zu dem verlinkten Anker.

Wie man einen Anker erstellt, zeige ich gleich.

Als nächstes kommt noch das Link entfernen Tool.

Mit diesem Tool kann man markierte Links wieder aufheben.

Der Text bleibt erhalten, lediglich der darauf liegende Link wird entfernt.

Dazu einfach den entsprechenden Bereich markieren oder doppelt auf einzelne Wörter klicken und das Tool auswählen.

[Musik]

Jetzt zurück zu den Ankern.

Mit dem Ankertool haben wir die Möglichkeit Anker im Fließtext zu setzen.

Diese Anker sind dafür gedacht, sie im zuvor erwähnten Verlinkungstool zu verwenden.

Um einen Anker anzulegen, wähle dazu einfach eine Stelle im Text aus.

Es kann ein Wort sein, muss es aber nicht.

Du kannst auch einfach zwischen die Wörter klicken.

Wenn du eine passende Stelle hast, klicke jetzt auf den Anker, damit sich das Fenster öffnet.

Hier kann der Anker benannt werden, der Name ist wichtig, er wird verwendet, um den Anker zu verlinken.

Hier solltest du unbedingt auf korrekte Schreibweise achten.

Diesen Anker kann man nun, wie schon erwähnt, im Verlinkungstool auswählen und verlinken.

Als nächstes sehen wir einen Youtube Button, mit diesem Button kannst du Youtube Videos eingeben.

Dazu brauchst du einfach einen Link deines gewünschten Videos und diesen Link kannst du dann hier hinterlegen.

Im Editor erscheint dann ein Shortcode, auf der Website wird dann das vollständige Video ausgegeben.

Kommen wir nun zu den speziellen Formaten.

Hier werden alle systemspezifischen Formate hinterlegt.

Diese können je nach Konfiguration des Edwins abweichen.

Das sind z.B Schriftgrößen, Buttons und Textformate.

Um ein Format anzuwenden, einfach den gewünschten

Text markieren und im Dropdown das Format auswählen.

Ich zeige dir nun, wie du in wenigen Schritten einen verlinkten Button erstellst.

Dieser Button kann z.B ein E-Mail Link wie "kontaktieren Sie uns" oder aber eine Verlinkung zu einem Kontaktformular sein, wie z.B "jetzt anmelden".

Es ist sehr wichtig den Button in der richtigen Reihenfolge zu erstellen, denn wenn die Verlinkung zuerst gesetzt wird, kann das zu unerwünschten Darstellungen des Buttons führen.

Schritt 1: Den gewünschten Text eintippen.

Mein Button wird z.B "jetzt anfragen" heißen.

Schritt 2: Jetzt den Text markieren und den gewünschten Button Style anwenden.

Es ist sehr wichtig, dies vor dem Verlinken zu tun.

Schritt 3: Nachdem der Button Style angewandt wurde, kann die Verlinkung gesetzt werden.

Am besten die aktuelle Auswahl nicht verändern und direkt auf das Verlinkungstool klicken.

Jetzt einfach wie gewohnt die Verlinkung setzen.

Zum Schluss einfach nur noch mit Speichern bestätigen und der Button sollte auf der Website erscheinen.

Zurück zum Editor.

Neben den Formaten gibt es auch noch die Strukturauswahl.

Wichtige Überschriften welche den Text sinnvoll gliedern und nicht nur aus Designgründen erstellt werden, sollten mit der richtigen HTML-Struktur versehen werden.

Das ist wichtig, damit die erstellten Überschriften nicht nur nach einer Überschrift aussehen, sondern von Suchmaschinen auch als solche erkannt werden.

So kann der Inhalt der Webseite richtig ausgelesen und eingestuft werden.

Als Nächstes haben wir ein Werkzeug, mit dem der gesamte Inhalt im Texteditor selektiert bzw. ausgewählt werden kann.

Eine Alternative dazu wäre die Tastenkombination Steuerung + A.

Daneben findest du Pfeile, mit denen du deine zuletzt durchgeführte Aktion rückgängig machen oder auch wiederholen kannst.

Mit dem nächsten Werkzeug kannst du zur Vollbildansicht wechseln, das ist sehr nützlich, wenn du besonders lange Texte hast.

Hier findest du auch eine Hilfe, um Verlinkungen, die deaktiviert oder gelöscht sind, anzuzeigen.

[Musik]

Dann gibt es noch die HTML-Ansicht, hier können erfahrene Anwender den generierten HTML-Code des Editors direkt bearbeiten.

[Musik]

Seit Edwin 24 gibt es zwei neue Tools im Texteditor, der Barrierefreiheits-Checker wurde eingeführt.

Dieser prüft den Text und gibt an, falls die definierten Vorgaben nicht erfüllt worden sind.

[Musik]

Außerdem wurde ein hilfreiches Tool für Sonderzeichen eingebaut.

Diese können einfach mit einem Klick kopiert werden.

Danach kannst du sie mit Strg + V einfügen oder Rechts-Klick auf die gewünschte Stelle im Text und einfügen auswählen.

So das war′s auch schon.

Für mehr Tipps und Tricks schaut doch mal bei unserer Wissensdatenbank auf www.q2e.at oder unseren Social Media Kanälen vorbei.

Bis zum nächsten Mal!

Hallo, in diesem Video erkläre ich dir, wie du ein Bild auf deiner Website hochlädst und auf was du beim Bildupload achten solltest. 

Ich werde dir den Bildupload anhand des CX-Bereichs “Hero-Header Text auf Bild” erklären.

Bei jedem Bildupload ist ein Hinweis zu finden, welche Bildauflösung erforderlich ist. In meinem Fall sind das 2.000 x [300 bis 900] Pixel.

Das bedeutet, die Breite des Bildes ist mit 2.000 Pixel festgelegt. Die Höhe ist aber flexibel und kann sich zwischen 300 und 900 Pixel befinden. 

Das Bild wird dementsprechend dann auch am Frontend so  ausgegeben.

Ich zeige es dir anhand eines Beispiels: Dafür wähle ich ein großes Bild aus.

Die Bildgröße entspricht 2.000 x 900 Pixel. Jetzt klicke ich auf “Bereich speichern”.

Auf der Website siehst du nun, dass das Bild in maximaler Größe gespeichert wurde, mit einer Höhe von 900 Pixel.

Zum Vergleich wähle ich jetzt ein Bild mit der Bildgröße 2.000 x 450 Pixel. Das Bild wird jetzt schmaler dargestellt.

So kannst du deine Header-Größe im Prinzip selbst bestimmen. Sollte das Bild größer als die vordefinierte Größe sein, wird es im EDWIN automatisch passend zugeschnitten.

Das Verhältnis des Bildes bleibt dabei unverändert.

Falls das Bild zu klein sein sollte, also die Auflösung unter den Anforderungen liegen, erscheint eine Fehlermeldung mit dem entsprechenden Hinweis und ein Upload ist nicht möglich.

Ein Tipp: Schneide das Bild vorher schon mit einem Bildbearbeitungsprogramm deiner Wahl auf die gewünschte Größe zu, damit das Bild auf der Website auch deinen eigenen Vorstellungen entspricht.

Neben der Bildauflösung ist auch die Bildgröße zu beachten. Falls keine spezielle Konfiguration im EDWIN vorgenommen wurde, ist die maximale Uploadgröße 2 MB. 

Größere Bilder können nicht hochgeladen werden. Eine entsprechende Fehlermeldung würde erscheinen.

Für den Pagespeed, also die Geschwindigkeit der Website, ist es außerdem ratsam, keine zu großen Bilder zu verwenden.

Eine gute Möglichkeit, die Bildgröße zu reduzieren, kann ein Bild-Komprimierungstool, wie zum Beispiel “tiny.png” sein.

Übrigens, das Bildformat, also der Dateityp des Bildes, kann auch eine entscheidende Rolle spielen.

Möchtest du zum Beispiel Logos oder Icons hochladen, welche einen transparenten Hintergrund haben sollen, dann achte unbedingt darauf, das Bildformat “PNG” zu verwenden, also PNG.

Für alle anderen Bilder genügt meistens das Format “JPEG”!

Das war’s auch schon, im nächsten Video erkläre ich dir, wie du YouTube-Videos auf deiner Website einbinden kannst.

Hallo, in diesem Video erkläre ich dir, wie du einen SEO-Title und eine META-Description hinzufügen kannst und weshalb diese Informationen wichtig für deine Website sind. 

Mit einem aussagekräftigen SEO-Title und einer SEO-Beschreibung lockst du potenzielle Kunden bzw. Leser auf deine Website.

Außerdem sind die sogenannten META-Daten ein wichtiger Rankingfaktor bei Google und anderen Suchmaschinen.

Optimierte META-Daten sind also unerlässlich für eine hohe Sichtbarkeit.

Um deine SEO-Texte einzugeben, öffne die gewünschte Inhaltsseite und klicke oben auf den Tab SEO.

Dort findest du die SEO-Box mit den Eingabefeldern für den Title und die META-Description

In älteren EDWIN-Versionen befindet sich die SEO-Box außerhalb der Inhaltsseite in den Einstellungen.

SEO-Title: Für die Darstellung in den Suchergebnisseiten stehen für den Title maximal 580 Pixel in der mobilen Ansicht bzw. 920 Pixel in der Desktop-Ansicht zur Verfügung.

Das bedeutet, dass die Länge des Titels maximal 70 Zeichen betragen sollte.

Allerdings bist du auf der sicheren Seite, wenn du einen Title zwischen 55 und 65 Zeichen anlegst.

Andernfalls kann es passieren, dass dein Title nicht vollständig angezeigt und gekürzt wird.

Hier ein Beispiel: In unserem Beitrag “12 Argumente für Barrierefreiheit im Internet” heißt der SEO-Title “12 Argumente für Barrierefreiheit | Q2E Online Agentur”.

META-Description: Die maximale Länge einer META-Description beträgt 990 Pixel für die mobile Ansicht und 1.300 Pixel in der Desktop-Ansicht.

Das entspricht in etwa einer maximalen Länge von 150 bis 155 Zeichen.

Gleichzeitig sollte eine META-Description nicht zu kurz ausfallen, um genügend wichtige  Informationen zu transportieren.

Achte darauf, dass deine META-Description den Inhalt der Seite akkurat wiedergibt und auf die Intention von Suchenden eingeht.

Auch das zentrale Keyword der jeweiligen Seite sollte sie enthalten, im Idealfall mit einer Call-to-Action-Formulierung.

Diese Formulierung könnte etwa “Jetzt ansehen”, “Mehr entdecken” oder “Zur Detailseite” lauten.

[Musik] 

Hallo, in diesem Video zeige ich dir, wie du die Texte im Header und im Footer ändern kannst.

Logge dich zuerst in deinen Edwin ein und navigiere zum Menüpunkt “Module”. Wähle das Modul “Texte im Header und Footer”.

Als nächstes solltest du eine Textliste mit verschiedenen Einträgen sehen. Wähle entweder den Eintrag “Text im Kopfbereich” oder “Text in der Fußzeile” aus, je nachdem, welchen Text du bearbeiten möchtest, indem du auf das Stiftsymbol klickst.

Jetzt hast du die Möglichkeit, den Text im Texteditor zu bearbeiten. Falls du Schwierigkeiten mit dem Texteditor haben solltest, schau gerne in unserem Video über die Funktionen des Texteditors nach. Wenn du mit deinem Ergebnis zufrieden bist, bestätigst du den Inhalt einfach mit dem Speichern Button. Jetzt solltest du deine Änderungen auch auf der Website sehen.

Um den Text im Footer zu ändern gehst du genauso vor, öffne dazu einfach den Listeneintrag “Text in der Fußzeile” und wiederhole die Schritte.

Das war′s auch schon. Für mehr Tipps und Tricks schau doch mal bei unserer Wissensdatenbank auf www.q2e.at oder unseren Social-Media-Kanälen vorbei. Bis zum nächsten Mal.

[Musik] 

Hallo, in diesem Video erkläre ich dir, wie du die Social Icon Leiste auf deiner Website verwalten kannst.

Logge Dich dazu in deinen EDWIN ein und navigiere zum Menüpunkt “Module”.

Wähle das Modul “Texte im Header und Footer”. Ähnlich zu den Texten im Kopfbereich bzw. in der Fußzeile kannst du hier die Links zu deinen Social Media Kanälen verwalten.

Du hast die Möglichkeit, bis zu 11 Verlinkungen zu setzen. Die größten Social Media Plattformen sind bereits vorgegeben. Falls du einen zusätzlichen Link einbauen möchtest, der hier nicht aufgelistet ist, melde dich einfach bei uns.

Die vorgegebenen Einträge kannst du aber jederzeit ganz einfach bearbeiten. Klick dazu einfach auf das Stiftsymbol, um den Eintrag zu öffnen.

Hier siehst Du nun ein Textfeld für deinen Link. In meinem Fall möchte ich eine Facebook Seite verlinken. Ich trage einfach die entsprechende URL ein und bestätige mit "Speichern". Nachdem der Link gespeichert wurde, wird er am Frontend automatisch mit dem passenden Social Media Icon ausgegeben.

Falls du einen Link nicht mehr benötigen solltest, lösche einfach den Inhalt und das Social Icon wird nicht mehr angezeigt.

Das war′s auch schon. Für mehr Tipps und Tricks schaut doch mal bei unserer Wissensdatenbank auf www.q2e.at oder unseren Social-Media-Kanälen vorbei. Bis zum nächsten Mal!

[Musik]

Hallo, in diesem Video zeige ich dir, wie du eine Google Maps Karte in deine Website integrieren kannst.

Google Maps ist weit verbreitet und den meisten Nutzern vertraut. Es ermöglicht Besuchern deiner Website, den Standort deines Unternehmens schnell und einfach zu finden. Allerdings sollten Google Maps Karten unbedingt DSGVO-konform verwendet werden. Das bedeutet, falls der Besucher deiner Webseite keine Cookies verwenden möchte, darf die Google Maps Karte auch nicht geladen werden.

Unser EDWIN unterstützt diese Funktion bereits, damit er die Google Maps Karte aber je nach Cookie Einstellung richtig ausgeben kann, solltest du sie über das Modul "Texte im Header und Footer" eingeben.

Lass uns starten. Öffne in deinem Browser Google Maps und suche dir den gewünschten Standort aus, wenn du den richtigen Standort gefunden hast, klicke auf "Teilen". Jetzt öffnet sich ein Pop-Up. Wähle hier die Option "Karte einbetten". Kopiere den HTML-Code. Gehe nun zurück zum EDWIN und navigiere zum Menüpunkt “Module”. Wähle das Modul “Texte im Header und Footer”. Öffne dort den Eintrags "Link für eine Google Maps Karte". Hier hast du die Möglichkeit, deinen zuvor kopierten HTML-Code in das Textfeld einzugeben.

Achtung: Wir benötigen hier nur den Link. Schneide den Link deshalb aus dem kopierten Code aus. Eine Anleitung und einen Beispiel-Link findest du hier auch nochmal. Füge jetzt den ausgeschnittenen Link wieder ein und lösche den Rest.

Bestätige mit "Speichern". Um die Google Maps Karte auf deiner Website auszugeben. Kopiere den Platzhalter aus Punkt 5 der Anleitung. Du erkennst den Platzhalter an den geschwungenen Klammern. Öffne die entsprechende Textstelle im EDWIN und füge den Platzhalter dort ein.

Du wirst die Karte im Editor noch nicht sehen. Wenn du aber zu deiner Website wechselst, wirst du sehen, dass an dieser Stelle die Google Maps Karte ausgegeben wird.

Wie am Anfang erwähnt, wird die Google Maps Karte jetzt auch blockiert, falls der Besucher die Cookies abgelehnt hat.

Das war′s auch schon. Für mehr Tipps und Tricks schau doch mal bei unserer Wissensdatenbank auf www.q2e.at oder unseren Social-Media-Kanälen vorbei. Bis zum nächsten Mal!

[Musik]

Hallo, in diesem Video erkläre ich dir, wie du Formulare auf deinen Inhaltsseiten ausgeben kannst.

Formulare können verschiedene Funktionen erfüllen: Sie können die Kontaktaufnahme erleichtern, als Registrierung zu Newslettern dienen oder z.B Meinungen und Feedback einholen. Das Formular im EDWIN ist ein extra Feature, das nicht standardmäßig enthalten ist. Falls du ein Formular benötigst, dein EDWIN dieses Feature aber nicht unterstützt, melde dich einfach bei uns.

Um ein Formular auszugeben, logge dich in deinen Edwin ein und wechsle in das Menü, welches die Seite enthält, auf der du das Formular ausgeben möchtest. Öffne jetzt die Seiteneinstellung der gewünschten Seite mithilfe des Pfeils. Falls du Berechtigungen zum Anlegen eines Formulars besitzt, erscheint in dem soeben geöffneten Dialogfeld die Formularauswahl. Hier kannst du unter “neues Formular an diesen Inhaltstyp anhängen" dein gewünschtes Formular hinterlegen.

Als Empfänger trägst du die E-Mail-Adresse ein, an die die eingehenden Daten aus dem Formular geschickt werden sollen. Du kannst auch mehrere E-Mail-Adressen gleichzeitig hinterlegen, die E-Mail-Adressen sollten nur mit einem Beistrich getrennt werden, z.B. <Diese E-Mail-Adresse ist gegen Spam Bots geschützt, zum Ansehen müssen Sie in Ihrem Browser JavaScript aktivieren.>,<Diese E-Mail-Adresse ist gegen Spam Bots geschützt, zum Ansehen müssen Sie in Ihrem Browser JavaScript aktivieren.> und so weiter. Wenn du mit deiner Eingabe fertig bist, klicke auf den "Aktualisieren" Button.

Deine Änderungen sind jetzt gespeichert und du solltest auf deiner Seite ein Formular sehen. Die Position des Formulars kann variieren, je nachdem, wie das Layout deines EDWINS umgesetzt wurde. In einem weiteren Video werde ich dir noch das Modul "Lead Management" vorstellen, in welchem du deine Leads verwalten kannst.

Das war′s auch schon. Für mehr Tipps und Tricks schau doch mal bei unserer Wissensdatenbank auf www.q2e.at oder unseren Social-Media-Kanälen vorbei. Bis zum nächsten Mal!