Redaktionsplan fertige HTML Link Liste – Video

Je mehr Content produziert wurde, desto aufwendiger ist die Erstellung von Linklisten. Natürlich kann dies ein Mitarbeiter machen. Sobald es dann aber über 50 Links sind, vielleicht sogar 100 oder 200, dauert die Erstellung ein paar Stunden, vielleicht sogar einen halben Tag. Zeit die man sinnvoller investieren kann, wenn du weißt, wie du diese Listen fast automatisch erstellt.

Lerne in diesem Video wie du aus deinem Redaktionsplan im Handumdrehen eine Liste mit 50, 100 oder auch 1.000 Einträgen machst. Komplett fertig verlinkt, mit HTML und alphabetisch sortiert. So kannst du schnell große SEO Hauptseiten erstellen (Ebene 2), die wiederum auf viele einzelne Satelliten Seiten (Ebene 3) verweisen.

Tipp! Mit dieser Tabellen Technik werden wir in späteren Videos noch wesentlich interessantere SEO Konzepte erstellen.

Schritt für Schritt Anleitung:

• HTML Listen aus Redaktionsplan generieren
• Links im Redaktionsplan umwandeln
• HTML anlagen
• Alphabetisch sortieren

Du musst eingeloggt sein, um diesen Inhalt zu sehen!

Lukinski SEO Masterclass: Einloggen oder jetzt starten >

Beispiel: Linkliste für Modemarken

So wie beispielsweise “Modemarken” als Hauptseite auf die einzelnen Labels wie Dior, Gucci, Versace, Louis Vuitton verlinkt und die “Labels” zurück zu “Modemarken”. Solche Listen auf der Hauptseite zu erstellen kann mitunter lang dauern (Kopieren aus Tabelle, alphabetische Sortierung, Verlinkung). Die Erstellung kannst du als Content Manager extrem verkürzen. Das ist vor allem praktisch, wenn du viel neuen Content auf einmal verarbeitest.

Umwandlung von Seitentitel, Linktext und Link

Verwandle deinen Redaktionsplan in kürzester Zeit in eine große Linkliste, für deine Hauptseiten. Dafür nutzten wir im Beispiel wie immer unseren Redaktionsplan und Google Sheets.

Jeder der eine Freigabe hat, kann mit Dir gemeinsam in dieser Tabelle arbeiten. Redakteure tragen ihre Links zu den fertigen Artikel ein und du kannst die Ergebnisse schnell und einfach in einer Hauptseite zusammentragen und mit den einzelnen Seiten verknüpfen. Dafür nutzt du die individuellen IDs der einzelnen Postings, aus ihnen wird der Link zur Seite erstellt. Für den Linktext verwendest du das Keyword, der HTML-title entsteht aus dem Seitentitel. Das Veröffentlichungsdatum gibt dir Informationen darüber, ob die Artikel bereits veröffentlicht sind oder noch im Entwurfsstatus liegen (so vermeidest du 404-Fehler).

Informationen die im Redaktionsplan vorhanden sein müssen:

• Seitentitel wird HTML title
• Keyword wird Linktext
• Veröffentlichungsdatum
• Link zur Bearbeitung Seite wird Seitenlink

The post Redaktionsplan fertige HTML Link Liste #L061 appeared first on Online Marketing One.

HTML Tabellen erstellen – Video

1. HTML Aufbau
2. Praxisbeispiel: Tabelle

Du musst eingeloggt sein, um diesen Inhalt zu sehen!

Lukinski SEO Masterclass: Einloggen oder jetzt starten >

Aufbau HTML einer Tabelle

So baust du eine einfache HTML Tabelle auf. Achte darauf, dass sie nicht zu viele Spalten enthält und einfach bleibt. Hier siehst du einen aufbau von 3×3 (also 3 Spalten und 3 Zeilen).

<table>

<tr>

<th>Zeile 1</th>

<th>Zeile 1</th>

<th>Zeile 1</th>

</tr>

<tr>

<td>Zeile 2</td>

<td>Zeile 2</td>

<td>Zeile 2</td>

</tr>

<tr>

<td>Zeile 3</td>

<td>Zeile 3</td>

<td>Zeile 3</td>

</tr>

</table>

Weiterführend

Tabellen kannst du auch (ähnlich wie eine Website) in 3 Teile gliedern: Header, Body und Footer. Außerdem siehst du hier im Beispiel, wie du zwei Zellen miteinander verbinden kannst durch den Parameter colspan=”2” .

<table>

<thead>

<tr>

<th>Produkt Name</th>

<th>Produkt Nummer</th>

</tr>

</thead>

<tbody>

<tr>

<td>Smartphone</td>

<td>123</td>

</tr>

</tbody>

<tfoot>

<tr>

<th colspan=“2″>Produktliste</th>

</tr>

</tfoot>

</table>

The post HTML lernen (4/5): Tabellen appeared first on Online Marketing One.

Medien einbetten, Standard-URL und IDs – Video

Wie oben beschrieben wandelt WordPress einige Social Links bzw. deren URL automatisch in kleine Beiträge um, innerhalb deines Posts.

Dies funktioniert z. B. bei YouTube, Facebook, Instagram aber auch Twitter. Andere Inhalte, z. B. Google Maps, musst du mit HTML einbetten (Iframe). Wie solche Iframes funktionieren, lernst du im nächsten Video. Starten wir mit den Grundlagen, dem erkennen von URLs für das perfekte einbetten.

1. URLs verstehen / lesen lernen
2. Standards kennen (YouTube, Instagram, etc.)

Du musst eingeloggt sein, um diesen Inhalt zu sehen!

Lukinski SEO Masterclass: Einloggen oder jetzt starten >

Parameter: YouTube, Facebook, Instagram & Co.

Dabei gibt es ein paar Feinheiten, die man direkt zu Beginn verstehen sollte, z. B. die Zusammensetzung aus Domain, ID und weitere Parameter.

• YouTube Video URL: https://youtube.com/watch?v=_FfS39LPMBc
• Besteht aus:
  1) Domain: https://youtube.com/

2) Parameter: watch?v=

3) ID: _FfS39LPMBc

Beispiel Fehler: Zusätzlicher Zeit Parameter in der URL

Du musst eingeloggt sein, um diesen Inhalt zu sehen!

Lukinski SEO Masterclass: Einloggen oder jetzt starten >

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 >

The post HTML lernen (2/5): Medien einbetten, Standard-URL und IDs appeared first on Online Marketing One.

WordPress Shortcuts: Effizient arbeiten – Video

Shortcut machen deine Arbeit effizienter und gleichzeitig auch wesentlich professioneller, z. B. wenn du in Kundenmeetings bist und schnell am Notebook agierst. Tipp, Tipp, alles erledigt. Du kannst auch flexibler im ICE und im Flugzeug arbeiten, da du für 98% der Arbeit keine zusätzliche Maus mehr brauchst.

Ein weiterer Vorteil: Shortcuts sind zum Großteil global und nicht nur auf eine Software beschränkt. Das heißt, wenn du dir eine Tastenkombination beibringst, kannst du sie höchstwahrscheinlich in vielen anderen Tools wieder verwenden. Insbesondere die Basics wie “kopieren”, “einfügen”, “ausschneiden”, “unformatiertes einfügen” und viele andere.

Das macht dich schnell, effizient und letztendlich beruflich erfolgreicher.

1. Alle wichtigen WordPress Shortcuts
2. Text-Editor – Schnelles arbeiten
3. Sauberes HTML – Codeschnipsel vermeiden
4. Browser – Richtig kopieren

Du musst eingeloggt sein, um diesen Inhalt zu sehen!

Lukinski SEO Masterclass: Einloggen oder jetzt starten >

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 >

The post HTML lernen (1/5): WordPress Shortcuts für effiziente Arbeit, sauberes HTML appeared first on Online Marketing One.

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

Du musst eingeloggt sein, um diesen Inhalt zu sehen!

Lukinski SEO Masterclass: Einloggen oder jetzt starten >

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 >

The post Notepad (2/3): HTML ersetzen appeared first on Online Marketing One.