So deaktivieren Sie den Safari Reader auf einer Webseite
Lesezeit: 5 Minuten
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:
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.
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.
Entsprechend Das RegisterSafari Reader basiert auf dem Open-Source-Projekt Lesbarkeit. Vielleicht kannst du mal durchschauen der Code für Hinweise.
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:
Mindestens ein H1
<p> Tags öffnen und schließen und jedem Überschriften-Tag richtig folgen
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.
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.
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