miZine » web-development

Webseite abrufen wie der Google Bot

Viktor Dite — Wed, 16 May 2012 13:30:21 +0000

Hin und wieder muss ein Webworker seine Webseite aus den Augen des Google Bots sehen. Ich zeige hier drei Wege, wie Du die Webseiten wie durch einen GoogleBot abrufen kannst.

Wenn Google beim Crawlen der Webseite Fehler entdeckt, die Du entweder im Browser nicht nachvollziehen kannst oder Du sehen willst, was andere Webseiten dem Googlebot an Inhalten präsentieren, dann können die folgenden drei Varianten dabei sehr behilflich sein eine Webseite wie ein Googlebot abzurufen:

Abruf wie durch Googlebot

Es gibt drei Varianten eine Webseite wie durch den Googlebot abzurufen:

Abrufen mit cURL:
Mit cURL lässt sich der UserAgent auf den GoogleBot einstellen, so dass cURL die Webseite wirklich so abrufen kann wie der Google Bot. Das funktioniert folgendermaßen:
```
curl --user-agent Googlebot/2.1 http://www.url.de
```
Um die Headerinformationen zu bekommen, muss man den Befehl wie folgt erweitern:
```
curl -I -L --user-agent Googlebot/2.1 http://www.url.de
```
Abrufen mit Web-Sniffer
Mit dem Web-Sniffer lassen sich Webseiten unter anderem abrufen, wie durch den Googlebot. Dazu einfach unter User Agent den Googlebot auswählen. Die Ausgabe zeigt dann auf einen Blick, wie die Headerinformationen und das zurückgelieferte HTML aussehen.
Google Webmaster Tools
Das ist die unflexibelste Lösung, da hierzu nur eigene Webseiten, die unter Google Webmaster Tools angemeldet sing untersucht werden können und Google hier nur ein Erfolg oder Misserfolg meldet. Auf diese Weise lassen sich bei Fehlern weder Headerinformationen ausgeben lassen, noch die Response, die den Fehler verursacht hat.

WordPress Teaser für Unterseiten einer Seite

Viktor Dite — Mon, 05 Mar 2012 07:00:46 +0000

Es gibt Aufgaben, für die ist die Artikel / Blog Ausgabe von WordPress ggü. den WordPress CMS Seiten zu sehr unterlegen. Dazu gehört bspw. eine tiefere hierarchische Verschachtelung von Inhalten. Mit der Kategorisierung der Artikel lässt sich nur eine flache Hierarchie der Tiefe 2 realisieren. Mit WordPress CMS Seiten hingegen theoretisch unendlich tief.

Die WordPress CMS Seiten haben jedoch normalerweise den dummen Nachteil, dass jegliche Unterseiten nicht automatisch als Teaser in der jeweiligen Ebene angezeigt werden – wie das in den normalen Kategorien der Fall ist. Das lässt sich allerdings relativ einfach mit Hilfe von wpSEO ändern!

WordPress Unterseiten wie Artikel mit Teasern anzeigen lassen

Dazu einfach folgenden Code an die passende Stelle des pages.php Templates einfügen (z.B. unter die Auflistung des eigentlichen Contents der Seite):

 0,
  'parent' => $post->ID) in get_pages()
  Using WP_SEO for getting teaser excerpt
  Author: Viktor Dite
**/
$pageChildren = get_pages(array('child_of'=> $post->ID,
'hierarchical' => 0, 'parent' => $post->ID));
if ( $pageChildren ) {
  foreach ( $pageChildren as $pageChild ) {
  echo '
      
        
          '.
           $pageChild->post_title.'
        
        ';
          if (has_post_thumbnail($pageChild->ID)){
            echo get_the_post_thumbnail($pageChild->ID, 'large');
          }
          if(strlen($description = get_post_meta($pageChild->ID,
                    '_wpseo_edit_description', true))>5)
          {
            echo ''.$description.' ';
          }else{
            echo 'Leider keine Kurzbeschreibung
                  vorhanden';
          }
  echo '
        
      
      ';
  }//foreach
}//if $pageChildren
?>

Zur Erklärung

$pageChildren = get_pages(array('child_of'=> $post->ID,
'hierarchical' => 0, 'parent' => $post->ID));

get_pages() holt mit dem Parameter child_of alle Unterseiten der aktuellen Seite. 'hierarchical' => 0, 'parent' => $post->ID bewirken zusammen, dass nur eine Ebene (die direkten Nachfolger (Siblings) in der Hierarchie in die Ausgabe kommen. Werden diese Optionen nicht angegeben, kommen alle Unterseiten, egal welcher Tiefe, als Teaser mit in die Ausgabe!

Der Rest des Codes holt sich dann einfach jedes Element und packt es in ein article Element, dass nur noch per CSS passend formatiert werden muss. Die Description des Teasers liefert dabei das manuell gesetzte Description Metatag von wpSEO, da WordPress von Haus aus kein “Auszug” Feld bei den Seiten mitliefert.

WordPress Breadcrumb Navigation ohne Plugins

Viktor Dite — Tue, 28 Feb 2012 13:22:53 +0000

Da ich mittlerweile mehr WordPress Plugins installiert habe als für das Blog gut ist und ich die volle Kontrolle über meine Breadcrumbs in WordPress haben möchte, war ich auf der Suche nach einer geeigneten Möglichkeit die Breadcrumb Navigation ohne ein Plugin in WordPress einzubauen.

WordPress Breadcrumb Grundlösung

Bei wpti.ps habe ich dann letztendlich die perfekte Grundlage für die Plugin-lose Implementierung der WordPress Breadcrumb Navigation gefunden.

Was mir hier gefehlt hat ist, dass die WordPress Breadcrumb nicht in den Kategorien-Seiten erschien und der eigentliche Post selbst nicht in der WordPress Breadcrumb enthalten war. Also habe ich kurzerhand das Skript angepasst und mir die fehlenden Attribute dazugebaut

WordPress Breadcrumb Navigation ohne Rich-Snippets

Das Ergebnis schaut letztendlich später so aus:

wordpress breadcrumb ohne plugin

Dazu muss der folgende Sourcecode am Ende der functions.php im jeweiligen WordPress Theme Verzeichnis hinzugefügt werden und im Template an passender Stelle mit aufgerufen werden

/**
 * Retrieve List of Breadcrubms without Rich-Snippets Option
 */
function write_breadcrumb() {
  $pid = $post->ID;
  $trail = 'Home';

  if (is_front_page()) {
        // do nothing
  }
  elseif (is_page()) {
   $bcarray = array();
   $pdata = get_post($pid);
   $bcarray[] = ' » '.$pdata->post_title."\n";
   while ($pdata->post_parent) {
     $pdata = get_post($pdata->post_parent);
     $bcarray[] = ' » '.$pdata->post_title.'';
   }
   $bcarray = array_reverse($bcarray);
   foreach ($bcarray AS $listitem) {
     $trail .= $listitem;
   }
  }
  elseif (is_single()) {
   $pdata = get_the_category($pid);
   $adata = get_post($pid);
   if(!empty($pdata)){
     $data = get_category_parents($pdata[0]->cat_ID, TRUE, ' » ');
     $trail .= " » ".substr($data,0,-8);
   }
   $trail.= ' » '.$adata->post_title."\n";
  }
  elseif (is_category()) {
   $pdata = get_the_category($pid);
   $data = get_category_parents($pdata[0]->cat_ID, TRUE, ' » ');
   if(!empty($pdata)){
     $trail .= " » ".substr($data,0,-8);
   }
  }
  return $trail;
}

WordPress Breadcrumb Navigation mit Rich-Snippets

Damit nicht nur eure Besucher der Seite etwas von der Breadcrumb Navigation haben, sondern auch der Google Bot diese Navi in die Suchergebnisse einbauen kann gibt es die Möglichkeit die Breadcrumb Leiste mit Rich Snippets auszuzeichnen. Das schaut im Ergebnis dann in der Googel Suche so aus:

wordpress breadcrumbs with rich-snippets without a plugin

Quellcode

Der besseren Lesbarkeit halber habe ich den Code für die Rich-Snippets Integration der Breadcrumbs in einer externen Datei hinzugefügt. Hier könnt ihr den Code downloaden.

CSS aktualisieren

Folgende CSS Styles müsst ihr nur noch eurem Stylesheet hinzufügen, fertig!

#breadcrumb .item{
  display: inline;
}

Wordpress Breadcrumb mit Rich Snippet und ohne Plugins

RedirectMatch 301 Redirect

Viktor Dite — Thu, 16 Feb 2012 07:17:01 +0000

Eine Lektion, die ich heute gelernt habe ist: “Überprüfe jedes Mal, wenn Du eine Weiterleitung einrichtest den Header, den die alte URL zurückgibt!”

Warum ist das so wichtig? Nun, ich habe ja schon feststellen müssen, dass meine 404 Fehlerseiten kein 404 sondern 302 ausgegeben haben. Nun kam auch noch die Erkenntnis dazu, dass ein RedirectMatch ohne Angaben von Optionen eine 302 Weiterleitung statt einer 301 Weiterleitung macht!

Ich habe mich schon sehr gewundert, warum alte, mit RedirectMatch weitergeleitete URLs aus den GWT (404 Fehlern) nicht verschwinden wollten. Jetzt weiß ich es! Der Google Bot dachte immer und immer wieder, dass diese URLs wiederkommen, da sie ja nur eine temporäre Umleitung per 302 hatten! Und das seit etlichen Jahren!

Korrekte RedirectMatch 301 Weiterleitung

RedirectMatch 301 "SearchPattern" TargetURL

Wobei das SearchPattern ein RegEX Ausdruck ist und die TargetURL die volle URL – also mit http:// – enthalten muss

Wozu RedirectMatch?

RedirectMatch eignet sich hervorragend, wenn gesamte Verzeichnisse oder Tags oder andere immer wiederkehrende Elemente gelöscht oder umgezogen wurden!

RedirectMatch 301 redirect

ErrorDocument 404 in der .htaccess korrekt umsetzen

Viktor Dite — Wed, 08 Feb 2012 11:00:12 +0000

Gestern habe ich in der Siteclinic mit Jens Fauldrath, Hanns Kronenberg, Johannes Beus und Markus Walter nicht schlecht gestaunt, dass meine richtig geglaubte ErrorDocument 404 Anweisung in der .htaccess einen 302 Redirect (temporäre Umleitung) auf eine Seite mit einem 200 Header (Seite gefunden) ausspuckt!

Kann Fatal werden, da zum Einen alle falsch gesetzten Links von Google nicht erkannt werden und zum Zweiten so seher viele Duplicate Content Seiten entstehen (können).

Bist Du auch betroffen?

Das lässt sich ziemlich einfach herausfinden. Hanns hat mir einen tollen Tipp gegeben, wie man mit Google selbst so ein Problem findet. Wird der 404 nämlich nicht korrekt umgesetzt, landet die 404 Fehlerseite im Index von Google und das kann man dann mit allinurl:404 site:deinedomain.de und diversen Abwandlungen (intitle, inurl, incontent und mit ‘Fehler’, ‘nicht gefunden’, usw.) im Google Suchschlitz testen.

Bekommst Du bei der Abfrage ein oder gar mehrere Ergebnisse, dann stimmt etwas mit der 404 Fehlerseite nicht! Bei korrekter Umsetzung darf nämlich so eine 404 Fehlerseite nicht im Index von Google sein!

Alternativer Test

Wenn Du eine Konsole zur Hand hast, kannst Du das auch schnell mit einer cURL Abfrage testen:

cURL -I -L http://deinedomain.de/nicht-vorhandene-seite

Die Optionen -I und -L liefern dann nur den Header der Webseite zurück.

Der Fehler

Mein Fehler lag in der Anweisung des ErrorDocument selbst. Hier darf nicht die Domain als Ziel angegeben werden!

ErrorDocument 404 http://www.DeineDomain.de/error404.html

Ergebnis

vd$ curl -I -L http://mizine.de/ters
HTTP/1.1 302 Found
Date: Wed, 08 Feb 2012 10:09:41 GMT
Server: Apache/2.2.4 (Linux/SUSE)
Location: http://mizine/error-404.php

HTTP/1.1 200 OK
Date: Wed, 08 Feb 2012 10:09:41 GMT
Server: Apache/2.2.22
X-Powered-By: PHP/5.2.13
Vary: Accept-Encoding
Content-Type: text/html

Die korrekte Lösung

Es darf nur der relative Pfad zur Datei angegeben werden!

ErrorDocument 404 /error404.html

Ergebnis

vd$ curl -I -L http://mizine.de/ters
HTTP/1.1 404 Not Found
Date: Wed, 08 Feb 2012 10:12:12 GMT
Server: Apache/2.2.22
X-Powered-By: PHP/5.2.13
Vary: Accept-Encoding
Content-Type: text/html

Vielen herzlichen Dank für die Lösung an micah carrick

Blogbeiträge richtig mit einem Google+ Profil verknüpfen

Viktor Dite — Tue, 24 Jan 2012 21:28:40 +0000

Ich beschäftige mich schon länger mit der Möglichkeit meine Blogbeträge korrekt mit dem rel=”author” Attribut mit meinem Google Plus Profil zu verknüpfen. Google hat uns da ja netterweise eine Anleitung an die Hand gegeben, die – wie soll ich sagen – mehr als nur undurchsichtig ist!

Update 30.4.12 siehe weiter unten

Erst gerade habe ich es endlich geschafft, meine Blogs mit meinem Google Profil korrekt zu verknüpfen! Eigentlich lag es nur an der falschen Zurückverlinkung, doch seht selbst…

Verwirrende Anleitung um das rel=”author” Attribut

Bei Google findet man nämlich mal eine Anleitung, man solle es wie folgt einbinden:

Google

auf einer weiteren Seite steht, dass man es doch anders verlinken soll, nämlich:

Dein name

rel=”author” Attribut korrekt einbinden

Dafür sind zwei Schritte notwendig:

auf der Artikel Seite das Google Profil richtig verlinken
auf der Google Profil Seite, die Domain richtig zurück verlinken

Das ergibt eine Art Handshake, so dass niemand ein Profil für seine Beiträge missbrauchen kann.

Schritt 1:

Verlinke aus einem einzelnen Beitrag Dein Google Plus Profil wie folgt:

Dein Name

Schritt 2:

In Deinem Profil gehst Du auf “Info” und dann auf “Macht mit bei” und trägst dort Deine Domain als Backlink ein.

Nur wer seinen Backlink auf die Domain in "Macht mit bei" einträgt, wird von Google als Autor einer Seite korrekt erkannt

Testen, ob der rel=”author” Eintrag korrekt gematcht wurde

Mit dem Rich Snippets Testing Tool von Google kannst Du dann überprüfen, ob das handshaking zwischen Deiner Seite und Deinem Google Profil richtig funktioniert und Google Dein Profil mit Deiner Domain korrekt verknüpft hat.

Ein wichtiger letzter Schritt

Nachdem Du alle Anweisungen befolgt hast, musst Du noch dieses Formular ausfüllen, damit Google den Grund zu der Umsetzung kennt – so die fast wörtliche Übersetzung

Ergebnis

Wenn alles richtig ist, sollte das Ergebnis nach spätestens 24h in etwa so aussehen:

Google gibt grünes Licht, wenn alles richtig ist!

Und wozu das Ganze?

Die Integration von Google+ in die Suche wird immer offensichtlicher. Mit rel=author kann man Google bekanntlich bereits jetzt erklären, wer der Autor eines bestimmten Artikels ist. Ist das Resultat zwar bislang nur ein kleines Bild bzw. ein wenig Text in den SERPs, so denke ich doch, dass die Person die einen Artikel schreibt, bald ähnlich wichtig sein wird wie die Website welche den Artikel veröffentlicht… [seounited]

Testlauf

Wenn euch das Rich Snippets Test Tool grünes Licht gibt und die Domain korrekt bei euch im Google+ Profil untergebracht ist, könnt Ihr bereits nach ein paar Tagen in den englischen SERP eure Autorenbildchen sehen! Am einfachstenkommt ihr in die englischen SERP, wenn Ihr nach der Google Suche ein &hl=en (homelanguage en) an die SuchURL anhängt:
http://www.google.com/search?&q=wasserbetten&ie=UTF-8...&hl=en

Wenn alles geglückt ist, sollte dann die englische SERP so aussehen:

"rel author" site:mizine.de

Update

Wie es aussieht benötigt Google nur noch folgende Schritte zur Aktivierung der Autoren-Schnippsel:

Die Vollständige Anleitung bei Google

PHP: if/else Kurzschreibweise innerhalb von String Concatenationen

Viktor Dite — Thu, 19 Jan 2012 12:25:03 +0000

Ich habe für meine neuen Filter im Shop sehr viele if/else Abfragen in die Logik einbauen müssen.

Nichts schlimmes, doch ganz schön viel Code! Ich stehe ja aber auf knackig und kurz!

if/else Kurzschreibweise

PHP bietet ja eine tolle Kurzschreibweise für die if else Abfragen:

string = ($test=='true') ? 'if true' : 'if else';

if/else Kurzschreibweise innerhalb von String Concatenationen

Wozu und wie lässt sich diese Schreibweise innerhalb eine String-Concatenation einbauen?

Simples Beispiel: Werden Selects nach den Abschicken des Formulars wieder angezeigt, müssen sie in der Ausgabe wieder passend der Anfrage vorbelegt werden. Es gilt also je nach GET oder POST Parameter an der passenden Stelle ein selected="selected" einzufügen.

Übliche Schreibweise

if($_POST['keyword']=='$var'){
  $return .= '';
}else{
  $return .= '';
}

Kurzschreibweise

$return .= '';

Vielen Dank ans Cosni Portal für die Lösung meines Syntaxfehlers

Hinweis auf noch nicht gespeicherte Elemente beim Verlassen der Webseite

Viktor Dite — Wed, 21 Dec 2011 21:42:20 +0000

Es gibt Momente, an denen man den User daran hindern möchte versehentlich eine Seite zu schließen.

Ein gutes Beispiel dafür ist das Editor Fenster von WordPress. Wird hier eine Änderung nicht gespeichert und das Fenster geschlossen, warnt WordPress, dass die Änderungen verloren gehen, sobald das Fenster geschlossen wird.

Soetwas nachzubauen ist eigentlich ganz einfach und erfordert nur etwas jQuery Code:

Bei Auswahl triggern

Hier ist ein Beispiel dafür, wie man mit Hilfe von .change() bei einer Änderung einer Select Box die Aktion triggern kann, dass beim Schließen der Seite eine Warnung ausgesprochen werden sollte:

jQuery(document).ready(function() {
  /* Die Select Box auf Änderungen abfragen */
  $('.select_box_class').change(function() {
    /* Bei Änderung dem Fenster eine Message "anheften" */
    $(window).bind('beforeunload', function(){
      return "Sie haben Optionen gewählt, die beim Schließen
              der Seite verloren gehen! Sind Sie sicher,
              dass Sie diese Seite schließen möchten?";
    });
  });
});

In einem Shop bspw. den Submit Button auslassen

Nach der oberen Variante zählt zum Verlassen der Seite auch ein submit Button. Das wollen wir natürlich nicht! Also müssen wir beim klick auf den Submit Button dem Fester die angehaftete Message wieder abnehmen (unbind)

jQuery(document).ready(function() {
  /* Die Select Box auf Änderungen abfragen */
  $('.select_box_class').change(function() {
    /* Bei Änderung dem Fenster eine Message "anheften" */
    $(window).bind('beforeunload', function(){
      return "Sie haben Optionen gewählt, die beim Schließen
              der Seite verloren gehen! Sind Sie sicher,
              dass Sie diese Seite schließen möchten?";
    });
  });

  /* Beim Klick auf einen Submit Button */
  $("form").submit(function(){
    /* angehaftete Message wieder entfernen */
    $(window).unbind("beforeunload");
  });
});

MS-Office Tabellen in HTML Tabellen umwandeln

Viktor Dite — Sun, 04 Dec 2011 13:20:56 +0000

Wie kann man Tabellen aus PDF, Word oder Exceldateien schnell in HTML umwandeln?

Vladimir Simović hat gerade einen Dienst vorgestellt mit dem man Tabellen aus Office oder PDF Dateien schnell in HTML umwandeln lassen kann. Beim PDF kann ich nicht dagegenhalten, aber gerade bei Office Dokumenten ist der Export mittlerweile sehr gut! Die Zeiten der absolut grauenhaften Exporte ist vorbei. MS schafft auch mal was!

Ausgangatabelle

Und so schaut der Export in HTML aus

bereinigt man den Export von den html, head, body und Metatags, sieht die eigentlich Tabelle eigentlich recht sauber aus:


 
 
 
 
  SEO
  Maßnahmen
   
  Wirkung (0-10)
 
 
  offPage
  Optimierung
  Linkbuilding
  8
 
 
   
  Presseberichte
  4
 
 
   
  Brandbildung
  10
 
 
  onPage
  Optimierung
  Content Struktur
  10
 
 
   
  korrekte interne Verlinkung
  10
 
 
   
  Sauberer Code
  4
 
 
   
  HTML5 Content
  Abschnitt-Klassifizierung
  8
 
 
   
  Meta Description
  10
 
 
   
  Länge der Description
  5
 
 
   
  Meta Keywords
  0
 
 
   
  Seiten-Titel
  10
 
 
   
  Länge des Titels
  5
 
 
   
  Keyowordrelevanz im Titel
  10
 
 
   
  h1 Titel
  10
 
 
   
  Keyowordrelevanz im h1 Titel
  10
 
 
   
  h2 Untertitel
  8
 
 
   
  Keywordrelevanz im h2 Titel
  4
 
 
   
  Textlänge (200-500 Wörter)
  8

Ergebnis

Um einen 1:1 Effekt zu erhalten, sollte man die Style Informationen natürlich im Quellcode mit einbinden. Damit der Quellcode komplett sauber bleibt und die Style Informationen nicht im Contentbereich stehen müssen (nicht HTML konform) könnte man noch mit Hilfe des MailChimp CSS Inline Styler die Styles ganz einfach aus den CSS Styles Inline abspeichern.

Und dann kommt folgendes bei heraus:

SEO Maßnahmen		Wirkung (0-10)
offPage Optimierung	Linkbuilding	8
	Presseberichte	4
	Brandbildung	10
onPage Optimierung	Content Struktur	10
	korrekte interne Verlinkung	10
	Sauberer Code	4
	HTML5 Content Abschnitt-Klassifizierung	8
	Meta Description	10
	Länge der Description	5
	Meta Keywords	0
	Seiten-Titel	10
	Länge des Titels	5
	Keyowordrelevanz im Titel	10
	h1 Titel	10
	Keyowordrelevanz im h1 Titel	10
	h2 Untertitel	8
	Keywordrelevanz im h2 Titel	4
	Textlänge (200-500 Wörter)	8

Liefert Tableizer einen saubereren Code?

Wenn man damit leben kann, dass das Tabellendesign verloren geht, ja!





SEO Maßnahmen  
Wirkung (0-10)
offPage Optimierung Linkbuilding 8
  Presseberichte 4
  Brandbildung 10
onPage Optimierung Content Struktur 10
  korrekte interne Verlinkung 10
  Sauberer Code 4
  HTML5 Content Abschnitt-Klassifizierung 8
  Meta Description 10
  Länge der Description 5
  Meta Keywords 0
  Seiten-Titel 10
  Länge des Titels 5
  Keyowordrelevanz im Titel 10
  h1 Titel 10
  Keyowordrelevanz im h1 Titel 10
  h2 Untertitel 8
  Keywordrelevanz im h2 Titel 4
  Textlänge (200-500 Wörter) 8

Ergebnis

SEO Maßnahmen		Wirkung (0-10)
offPage Optimierung	Linkbuilding	8
	Presseberichte	4
	Brandbildung	10
onPage Optimierung	Content Struktur	10
	korrekte interne Verlinkung	10
	Sauberer Code	4
	HTML5 Content Abschnitt-Klassifizierung	8
	Meta Description	10
	Länge der Description	5
	Meta Keywords	0
	Seiten-Titel	10
	Länge des Titels	5
	Keyowordrelevanz im Titel	10
	h1 Titel	10
	Keyowordrelevanz im h1 Titel	10
	h2 Untertitel	8
	Keywordrelevanz im h2 Titel	4
	Textlänge (200-500 Wörter)	8

checkbox onclick submit – AJAX like submit

Viktor Dite — Fri, 02 Dec 2011 16:52:50 +0000

checkbox onclick submit

Wofür brauche ich einen checkbox onclick submit?

Manchmal möchte man in einem Formular einer Checkbox beim Klicken gleich eine Aktion mitgeben. Beispielsweise wenn ich im Warenkorb ein ausgewähltes Produkt aus mehreren löschen möchte und der Shop keine einzelnen Buttons, sondern eben “nur” Checkboxen mit zusätzlichem Löschen Button bietet. Hier ist es meiner Meinung nach durchaus sehr sinnvoll beim Klicken auf die Checkbox gleich die Löschung mit anzustoßen.

Geht das?

Mit Javascript “geht alles”! Und für diejenigen, die Javascript deaktiviert haben, bleibt ja noch die alte Lösung des Auswählen und dann auf den Löschen Button klicken.

Gibt es einen einfachen Einzeiler dafür?

Ich habe heute viele Lösungen gesehen. Alle Lösungen waren mit im Header definierten Funktionen aufgebaut. Ich suchte aber eine sehr einfache, Einzeiler-Lösung.

Nach und nach habe ich dann aber aus allen Lösungen, die ich gesehen habe eine sehr einfache und kurze Umsetzung substituiert, die ich euch nicht vorenthalten möchte:

Die Lösung

ist im Prinzip sehr simpel!