Notepad (2/3): HTML ersetzen

Im ersten Video ging es um das Thema “Suchen und Ersetzen” von einzelnen Wörtern in Content Beiträgen. In zweiten Video wollen wir einen Schritt tiefer gehen und lernen das ändern von HTML im bestehenden Posts. Diese Folge ist getrennt von normalen “Suchen und Ersetzen, da nicht jeder in der täglichen Content Creation mit HTML umgehen muss. Es lohnt sich aber, denn dadurch lässt sich extrem viel Zeit einsparen.

HTML ersetzen – Video

Als Head of Content Creation solltest du dich definitiv mit den HTML Grundlagen auseinandersetzen. Nicht nur das, im Idealfall lernst du noch ein wenig mehr, wie das “Suchen und Ersetzen” von HTML Codes.

  1. eindeutige Stelle
  2. Beispiel: h1> zu h2>
  3. Beispiel: <a href → <a target=”_blank” href
  4. Beispiel: <ol> zu <ul>
  5. Beispiel: width=”600” zu width=”100%”

Beispiel: Linkliste und externe Links

In unserem Praxisbeispiel z.b. der langen Linkliste, sind dies alle Links, die zu externen Seiten führen. Der Fehler: Die externen Links öffnen sich nicht im neuen Fenster.

Externe Seiten sollten sich immer im neuen Fenster öffnen, sonst verlassen Besucher deine Internetseite. Wer “Suchen und Ersetzen” beherrscht, kann diese einzelnen Stellen mit ein paar Klicks vollständig korrigieren.

Statt also jeden einzelnen Link anzupassen, veränderst du den gesamten Post auf einmal.

Ersetzen von HTML: Darauf musst du achten

[membership level=“0″]

Du musst eingeloggt sein, um diesen Inhalt zu sehen!
Lukinski SEO Masterclass: Einloggen oder jetzt starten >
[pmpro_login][/membership]

[membership level=“-1″]

Für diesen Artikel brauchst du ein Upgrade! Jetzt Paket hinzufügen >

Hey Gringo! Kauf, tu es. Kauf das Paket! Jetzt sogar günstiger, wirklich, super günstig. Viel lernen, viel Erfolg, tu es, kauf es.

 
Für diesen Artikel brauchst du ein Upgrade! Jetzt Paket hinzufügen >
[/membership]

[membership level=“4,7,8″]

Im ersten Schritt lernst du deshalb die Grundlage, die Planung deiner Aktion. Wenn du einzelne Wörter ersetzt, sind diese ziemlich einzigartig, durch die lange Kombination von Zeichen. So zum Beispiel das Wort “Einkommensteuererklärung”, “Immobilienmakler”, usw.

Beispiel: Dicke Schrift kursiv machen

Beim Ersetzen von HTML-Code musst du aber auch wesentlich allgemeinere Kombinationen (Buchstaben, Zeichen) verarbeiten. Zum Beispiel wenn du dicke durch kursive Schrift tauschen willst. Alles was sich ändert, ist der Buchstabe b (bold; “dick geschrieben”), der zum i (italic; kursiv) wird.

Vorher / Nachher Beispiel:

<b>Text</b>     wird zu     <i>Text</i>

Wenn du folglich nur den Buchstaben b durch ein i ersetzt, würde aus jedem „bin“ ein „iin“ werden. Dementsprechend musst du dir im HTML einzigartige Stellen suchen, damit beim Suchen und Ersetzen keine falschen Stellen unbeabsichtigt ersetzt werden.

In unserem Beispiel wäre dies b> wird ersetzt durch i> nicht <b>, denn dadurch würdest du nur das öffnende HTML Tag ändern, nicht aber das schließende.

Ersetzt werden also:

<b>Text</b>     wird zu     <i>Text</i>

Beispiel: Link in neuem Tab öffnen

Selbes Prinzip nutzt du auch für Links. Suche eine eindeutige Stelle um deinen Parameter target=”_blank” hinzuzufügen.

Vorher / Nachher Beispiel:

<a href=”https://website.com”>     wird zu      <a href=”https://website.com” target=”_blank”>

Welche Stelle wählst du aus um target=”_blank” einzufügen?

Flasch: <a href=”https://website.com”>

Denn “> taucht bspw. auch in Überschriften auf, wie <h2 class=”roter-text”>

Richtig: <a href=”https://website.com”>

Ersetzt werden also:

<a href=”https://website.com”>      wird zu     <a target=”_blank” href=”https://website.com”>

WordPress sortiert den Parameter beim Wechsel von “Text” zu “Visuel” im Editor automatisch (nach hinten).

[/membership]

0 Kommentare

Hinterlasse einen Kommentar

An der Diskussion beteiligen?
Hinterlasse uns deinen Kommentar!

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.