Pertanyaan Cara menonaktifkan Pembaca Safari di halaman web


Saya ingin tahu lebih banyak tentang apa yang memicu opsi Pembaca di Safari dan apa yang tidak. Saya tidak berencana untuk menerapkan apa pun yang akan menonaktifkannya, tetapi ingin tahu sebagai latihan teknis.

Inilah yang telah saya pelajari sejauh ini dengan beberapa permainan dasar:

  • Anda membutuhkan setidaknya satu H menandai
  • Itu tidak pergi dengan menghitung karakter saja tetapi dengan jumlah tag P dan panjang
  • Mungkin mencari jeda kalimat '.' dan kriteria lainnya

Safari akan menyediakan 'Pembaca' jika, dengan a H tag, dan yang berikut:

  • 1 P tag, 2417 karakter
  • 4 P tag, 1527 karakter
  • 5 P tag, 1150 karakter
  • 6 P tag, 862 karakter

Jika Anda mengurangi 1 karakter dari salah satu di atas, opsi 'Pembaca' tidak tersedia.

Saya harus mencatat bahwa jumlah karakter dari H tag memainkan bagian tetapi sayangnya tidak menyadari hal ini ketika saya menentukan hasil di atas. Asumsikan 20+ karakter untuk H beri tag dan perbaiki seluruh hasil di atas.

Beberapa hal menarik lainnya:

  • Pengaturan <p style="display:none;"> untuk P tag menghapusnya dari hitungan
  • Pengaturan display untuk none, dan kemudian menunjukkan mereka 230ms kemudian dengan Javascript juga terhindar dari opsi Pembaca

Saya akan tertarik jika ada yang bisa menentukan ini secara penuh.


32
2018-06-08 17:12


asal


Jawaban:


“Anda membutuhkan setidaknya satu <h*> elemen "- ini tidak benar. Berikut contohnya: http://mathiasbynens.be/demo/safari-reader-test-3

Jawaban saya ada pada pertanyaan Pembaca Safari lainnya menyediakan lebih banyak info.

Anda juga bisa membaca posting blog saya tentang mengaktifkan Pembaca Safari untuk semua temuan saya tentang masalah ini.


7
2018-06-10 12:18



Menambahkan markup ke tag yang berpotensi "dapat dibaca", seperti p dan div, dapat menyebabkan algoritma Readability mengabaikan tag, sehingga menurunkan skor, semoga ke titik yang tidak memicu ikon Reader untuk ditampilkan.

Melihat sumber Readability, satu area untuk melakukan ini adalah di id dan class atribut, karena pencocokan pola pada data gabungan dari dua atribut ini. Misalnya, menambahkan kelas "komentar", seperti itu

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

akan menyebabkan elemen itu diabaikan. Pola yang dicocokkan untuk kandidat "tidak mungkin" adalah:

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

Menempatkan bendera pada elemen yang mungkin menambah Skor Keterbacaan dapat memungkinkan Anda untuk menonaktifkan ikon Pembaca.


10
2018-03-14 19:27



Lihat http://code.google.com/p/arc90labs-readability/source/browse/trunk/js/readability.js untuk "kode" agar terbaca.


2
2018-06-10 07:22



Inilah yang berhasil untuk saya:

Saya menempatkan semua konten di dalam tag ol.

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

Dari apa yang saya baca di tempat lain, pembaca sebagian dipicu oleh jumlah kata di halaman, tetapi itu tidak menghitung kata-kata di dalam sebuah ol.


2
2017-10-25 09:08



Menurut Pendaftaran, Pembaca Safari didasarkan pada proyek open source Keterbacaan. Anda mungkin bisa melihat-lihat Kode untuk petunjuk.


1
2018-06-09 21:59



Lihat posting ini: http://www.jangro.com/items/how-to-block-safari-5s-new-reader-and-bite-off-your-nose/


1
2017-10-21 22:04



Ini terlihat seperti algo yang cukup rumit yang diadopsi oleh pembaca Safari. Saya kira ada sesuatu yang lebih sederhana di balik ini. Kemungkinan besar juga dokumen W3C dengan beberapa praktik terbaik SEO seperti yang Anda sebutkan.

Saya percaya sesuatu seperti ini:

  1. Setidaknya satu H1
  2. <p> tag terbuka dan tertutup, dan benar mengikuti setiap tag judul
  3. lapisan yang mengandung umum

Kemungkinan besar pembaca sedang mencari sesuatu yang dekat dengan yang baru HTML 5 spesifik, jadi artikel penelepon kelas atau sesuatu seperti itu.

Sangat menarik untuk memahami mengapa Apple tidak mengungkapkan apa pun tentang ini.


0
2018-06-09 08:50



Saya memiliki div di dalam saya yang membungkus semua konten saya .. Mengubah div ini menjadi elemen, dan menambahkan kelas untuk menghapus semua padding yang dibuat oleh, menghapus tombol pembaca di situs seluler saya.


0
2018-04-23 17:23



Saya mendapatkannya untuk bekerja dengan menyingkirkan <p> tag, mengubahnya menjadi <div> tag.

saya pikir <p> tag memberi tahu browser bahwa ada beberapa teks di sana untuk dibaca.

Saya meninggalkan <h> tag dan mereka, sendiri, tidak memunculkan pembaca.


0
2017-07-17 03:54