So deaktivieren Sie den Safari Reader auf einer Webseite

Lesezeit: 5 Minuten

Benutzer-Avatar
donohoe

Ich bin neugierig, mehr darüber zu erfahren, was die Reader-Option in Safari auslöst und was nicht. Ich würde nicht planen, etwas zu implementieren, das es deaktivieren würde, aber als technische Übung neugierig.

Hier ist, was ich bisher mit ein paar grundlegenden Herumspielen gelernt habe:

  • Sie brauchen mindestens einen H Schild
  • Es geht nicht nur um die Anzahl der Zeichen, sondern um die Anzahl der P-Tags und die Länge
  • Sucht wahrscheinlich nach Satzumbrüchen ‘.’ und andere Kriterien

Safari stellt den ‘Reader’ bereit, wenn mit a H -Tag und Folgendes:

  • 1 P Tag, 2417 Zeichen
  • 4 P Tags, 1527 Zeichen
  • 5 P Tags, 1150 Zeichen
  • 6 P Tags, 862 Zeichen

Wenn Sie 1 Zeichen von einem der oben genannten Zeichen abziehen, ist die Option „Leser“ nicht verfügbar.

Ich sollte beachten, dass die Zeichenanzahl der H Tag spielt eine Rolle, aber leider war mir das nicht klar, als ich die obigen Ergebnisse ermittelte. Gehen Sie von mehr als 20 Zeichen für aus H Tag und in den obigen Ergebnissen behoben.

Einige andere interessante Dinge:

  • Einstellung <p style="display:none;"> zum P Tags entfernt sie aus der Zählung
  • Einstellung display zu noneund sie dann 230 ms später mit Javascript anzuzeigen, vermied auch die Reader-Option

Mich würde interessieren, ob jemand dies vollständig feststellen kann.

  • Sollte dieser Beitrag mit diesem zusammengeführt werden: http://stackoverflow.com/questions/2997918/how-to-enable-safari-reader-on-my-website

    – Powerboy

    9. Juni 2010 um 2:26 Uhr

  • Ich glaube nicht. Ich kann sehen, wie sie zusammenhängen, aber das Auslösen und Deaktivieren ist völlig anders.

    – donohoe

    9. Juni 2010 um 14:12 Uhr

  • Hat jemand eine Lösung, die 2017 funktioniert? Es ist wieder relevant, weil die Twitter iOS-App “Reader View” zum Standard gemacht hat …

    – Sprachprofi

    22. Januar 2018 um 16:59 Uhr

  • Da Twitter standardmäßig die Safari Reader-Ansicht aktiviert hat und die Safari Reader-Ansicht zufällige Teile meiner Seite ausblendet, möchte ich sie deaktivieren, und keine der folgenden Antworten funktioniert.

    – 2540625

    27. November 2019 um 0:48 Uhr

Hinzufügen von Markup zu potenziell „lesbaren“ Tags, wie z p und divkann dazu führen, dass der Lesbarkeitsalgorithmus das Tag ignoriert, wodurch die Punktzahl verringert wird, hoffentlich bis zu einem Punkt, an dem das Reader-Symbol nicht mehr angezeigt wird.

Wenn Sie sich die Lesbarkeitsquelle ansehen, ist ein Bereich, in dem Sie dies tun können, der id und class Attribute, da es einen Musterabgleich mit den kombinierten Daten aus diesen beiden Attributen durchführt. Fügen Sie zum Beispiel eine “Kommentar”-Klasse hinzu

<p class="myClass comment">...</p>

bewirkt, dass dieses Element ignoriert wird. Das Muster, das für “unwahrscheinliche” Kandidaten abgeglichen wird, ist:

/combx|comment|disqus|foot|header|menu|rss|shoutbox|sidebar|sponsor/i

Durch das Platzieren von Flags auf den Elementen, die möglicherweise zum Readability Score beitragen, können Sie das Reader-Symbol deaktivieren.

  • Hinzufügen einer dieser Klassen zu a div ist bei weitem die einfachste Methode zum Deaktivieren der Reader-Schaltfläche. Dies wäre auf keiner Seite zu empfehlen, die auffindbar sein soll, aber ich fand dies auf einer privaten Seite nützlich, die ich regelmäßig manuell aktualisieren wollte (Reader und Refresh liegen etwas zu nahe beieinander).

    – Paul Gregor

    17. Juli 2013 um 11:30 Uhr


  • @PaulGregory, was meinst du mit “erkennbar”?

    – 2540625

    27. November 2019 um 1:27 Uhr

  • @jtheletter Ich denke, was ich damals meinte, war eine Webseite, die Googlebot als Inhaltsseite und Index und nicht als internen Webapp-Bildschirm verstehen sollte – dh wenn Sie möchten, dass andere Roboter den Leuten helfen, die Seite zu finden, tun Sie dies nicht absichtlich Fügen Sie Sachen hinzu, die Algorithmen verwirren.

    – Paul Gregor

    27. November 2019 um 13:44 Uhr

Benutzer-Avatar
Mathias Bynens

„Du brauchst mindestens einen <h*> element“ – das ist einfach falsch. Hier ist ein Beispiel: http://mathiasbynens.be/demo/safari-reader-test-3

Meine Antwort auf die andere Safari Reader-Frage enthält weitere Informationen.

Du könntest auch lesen mein Blogbeitrag zur Aktivierung von Safari Reader für alle meine Erkenntnisse zu diesem Thema.

  • Dies ist nicht die vollständige Antwort, nach der ich gesucht habe, aber eine der nützlicheren. Andere Antworten unten waren auch sehr hilfreich.

    – donohoe

    23. Juni 2010 um 15:53 ​​Uhr

  • Für mich hat es funktioniert, alle Inhalte in einem ol-Tag zu platzieren. Ich habe es mit padding:0;margin:0 gestaltet, damit es das Layout nicht beeinflusst.

    – Benutzer984003

    25. Oktober 2013 um 9:09 Uhr

  • Ich habe alle Ihre 3 Tests auf Safari 11.1.1 ausprobiert und es scheint, dass sie nicht mehr alle zutreffen.

    – Krzysztof Przygoda

    12. Juli 2018 um 17:21 Uhr


  • Warum ist dies die akzeptierte Antwort? Es beantwortet, wie man Safari Reader aktiviert. Die Frage ist, wie man es deaktiviert.

    – 2540625

    27. November 2019 um 0:49 Uhr

Sehen http://code.google.com/p/arc90labs-readability/source/browse/trunk/js/readability.js für “den Code” für die Lesbarkeit.

Entsprechend Das RegisterSafari Reader basiert auf dem Open-Source-Projekt Lesbarkeit. Vielleicht kannst du mal durchschauen der Code für Hinweise.

Benutzer-Avatar
Andrea Moro

Es sieht aus wie ein ziemlich komplexer Algo, der vom Safari-Reader übernommen wurde. Dahinter steckt wohl etwas Einfacheres. Höchstwahrscheinlich ein gutes W3C-Dokument mit einigen SEO-Best Practices wie dem von Ihnen erwähnten.

Ich glaube sowas:

  1. Mindestens ein H1
  2. <p> Tags öffnen und schließen und jedem Überschriften-Tag richtig folgen
  3. eine allgemeine enthaltende Schicht

Höchstwahrscheinlich sucht der Leser nach etwas, das dem Neuen nahe kommt HTML5 spezifisch, also ein Klasse-Caller-Artikel oder so ähnlich.

Es ist interessant zu verstehen, warum Apple nichts darüber offengelegt hat.

Benutzer-Avatar
Benutzer984003

Hier ist, was für mich funktioniert hat:

Ich habe alle Inhalte in einem ol-Tag platziert.

<ol style = "padding:0;margin:0"> 
   my content
</ol>

Von dem, was ich an anderer Stelle gelesen habe, wird der Leser teilweise durch die Anzahl der Wörter auf einer Seite ausgelöst, aber er zählt keine Wörter innerhalb eines Ol.

Benutzer-Avatar
Gemeinschaft

Schau dir diesen Beitrag an: So blockieren Sie den neuen Reader von Safari 5 (und beißen sich die Nase ab)

  • Dieser Beitrag ist weg. Bitte denken Sie daran, Inhalte zusammenzufassen, nicht nur zu verlinken.

    – 2540625

    27. November 2019 um 0:36 Uhr

1142650cookie-checkSo deaktivieren Sie den Safari Reader auf einer Webseite

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy