Comment faire pour désactiver le Lecteur Safari dans une page web
Je suis curieux d'en savoir plus sur ce qui déclenche l'option de Lecteur de Safari et ce qui ne fonctionne pas. Je n'aurais pas l'intention de mettre en œuvre tout ce qui pourrait désactiver, mais curieux comme un exercice technique.
Voici ce que j'ai appris jusqu'à présent avec quelques notions de jouer:
- Vous avez besoin d'au moins un H tag
- Il ne passe pas par le nombre de caractères seul, mais par le nombre de balises P et longueur
- Ressemble probablement de la peine pauses '.' et d'autres critères
Safari de fournir le "Lecteur" si, avec un H de la balise et le suivant:
- 1 P tag, 2417 caractères
- 4 P balises, 1527 caractères
- 5 P balises, 1150 caractères
- 6 P balises, 862 caractères
Si vous soustrayez 1 caractère de ce qui précède, le "Lecteur" l'option n'est pas disponible.
Il est à noter que le nombre de caractères de la H étiquette joue un rôle, mais n'a malheureusement pas réaliser cela, lorsque j'ai déterminé les résultats ci-dessus. Supposons+ de 20 caractères pour H balise fixe et à travers les résultats ci-dessus.
Certains autres choses intéressantes:
- Réglage
<p style="display:none;">
pour P tags supprime le comte - Réglage
display
ànone
, puis en montrant leur 230ms plus tard avec Javascript éviter au Lecteur la possibilité
Je serais intéressé si quelqu'un peut le déterminer en plein.
- Si ce post sera fusionné avec celui-ci: http://stackoverflow.com/questions/2997918/how-to-enable-safari-reader-on-my-website
- Je ne le pense pas. Je peux voir comment ils sont liés, mais le déclenchement rapport à la désactivation est complètement différent.
- Quelqu'un aurait-il une solution qui fonctionne en 2017? Elle est pertinente, parce que le Twitter de l'application iOS fait "Lecteur de Vue" par défaut...
Vous devez vous connecter pour publier un commentaire.
“Vous avez besoin d'au moins un
<h*>
élément” — c'est tout simplement incorrect. Voici un exemple: http://mathiasbynens.be/demo/safari-reader-test-3Ma réponse sur l'autre Safari Reader question fournit quelques infos.
Vous pouvez également lire mon blog sur l'activation de Safari Reader pour tous mes conclusions sur le sujet.
L'ajout d'une annotation potentiellement "lisible" balises, comme
p
etdiv
, peut provoquer la Lisibilité de l'algorithme d'ignorer la balise, permettant ainsi de réduire le score, espérons-le, à un point qu'il ne déclenche pas l'icône du Lecteur pour afficher.À la recherche à la Lisibilité de la source, une zone de le faire est dans le
id
etclass
attributs, comme c'est le pattern matching sur les données combinées de ces deux attributs. Par exemple, l'ajout d'un "commentaire" de la classe, commefera que l'élément à être ignoré. Le modèle qui est en train d'être appariés pour le "peu probable" les candidats est:
De placer des drapeaux sur les éléments qui peuvent ajouter à la Lisibilité Score peut vous permettre de désactiver l'icône du Lecteur.
div
est de loin la méthode la plus simple de désactiver le bouton Lecteur. Le faire ne serait pas être recommandé sur n'importe quelle page que vous voulez pour être détectable, mais j'ai trouvé ce utile sur une page privée que j'ai voulu actualiser manuellement régulièrement (Lecteur et de l'Actualisation sont un peu trop rapprochés).Voir http://code.google.com/p/arc90labs-readability/source/browse/trunk/js/readability.js pour le "code" pour des raisons de lisibilité.
Voici ce qui a fonctionné pour moi:
J'ai placé tout le contenu à l'intérieur d'une balise ol.
De ce que j'ai lu ailleurs, le lecteur est en partie déclenchée par le nombre de mots sur une page, mais il n'a pas de compter le nombre de mots à l'intérieur de l'ol.
Selon Le Registre, le Lecteur Safari est basé sur le projet open source La lisibilité. Vous pourriez être en mesure de regarder à travers le code pour trouver des indices.
Découvrez ce post: http://www.jangro.com/items/how-to-block-safari-5s-new-reader-and-bite-off-your-nose/
Il ressemble assez complexe algo celle qui a été adoptée par le lecteur Safari. Je suppose que quelque chose de plus simple, les bâtons derrière tout cela.
Probablement une bien document du W3C avec certains SEO meilleures pratiques comme celui que vous avez mentionné.
Je crois quelque chose comme ceci:
<p>
balises ouvertes et fermées, et correctement en suivant chacune des balises d'en-têteProbablement le lecteur est à la recherche de quelque chose de proche de la nouvelle HTML 5 spécifique, donc une classe de l'appelant article ou quelque chose comme ça.
Il est intéressant de comprendre pourquoi Apple n'a pas divulguer rien à ce sujet.
J'ai eu une div à l'intérieur de mon qui enveloppait tout mon contenu.. Modification de cette div être un élément, et l'ajout d'une classe de supprimer tout le rembourrage qui est créé par l' , supprimé le lecteur de bouton sur mon site mobile.
Je l'ai eu à travailler en se débarrassant de la
<p>
balises, de les changer<div>
balises.Je pense que le
<p>
tags indiquer au navigateur qu'il y a du texte il y a à lire.J'ai quitté le
<h>
balises et elles, sur leur propre, ne pas amener le lecteur.