Bagaimana untuk mengemas kini tajuk halaman web dalam masa nyata?

Question

Saya mempunyai halaman web yang melaksanakan satu set tab, setiap tab menunjukkan kandungan yang berbeza. Klik pada tab tidak menyegarkan halaman, tetapi menyembunyikan/menunjukkan kandungan pada sisi klien.

Kini terdapat keperluan untuk menukar tajuk halaman berdasarkan tab yang dipilih pada halaman (atas sebab SEO). Adakah ini mungkin? Bolehkah seseorang memberikan penyelesaian untuk mengubah suai tajuk halaman secara dinamik melalui javascript tanpa memuatkan semula halaman?

Answer 1

Saya ingin bertanya khabar kepada anda dari masa hadapan :) Kejadian terkini:

1. Google kini boleh menjalankan kod javascript di tapak web anda¹
2. Orang ramai kini menggunakan alatan seperti React.js, Ember dan Angular untuk menjalankan tugasan javascript yang kompleks pada halaman dan Google masih boleh mengindeksnya¹
3. Anda boleh menggunakan API sejarah html5 (pushState, react-router, ember, angular) supaya anda boleh menetapkan URL berasingan untuk setiap tab yang anda mahu buka dan Google akan mengindeksnya¹

Jadi, untuk menjawab soalan anda, anda boleh menukar tajuk dan tag meta lain dengan selamat melalui javascript (anda juga boleh menambah sesuatu seperti https://prerender.io jika anda ingin menyokong enjin carian bukan Google), cuma Buat mereka boleh diakses sebagai URL yang berasingan (jika tidak, bagaimanakah Google akan tahu ia adalah halaman yang berbeza dan menunjukkannya dalam hasil carian?). Menukar teg berkaitan SEO selepas pengguna mengklik sesuatu adalah mudah:

if (document.title != newTitle) {
    document.title = newTitle;
}
$('meta[name="description"]').attr("content", newDescription);

Hanya pastikan anda tidak menyekat CSS dan javascript daripada dimuatkan dalam robots.txt, anda boleh menggunakan perkhidmatan Fetch as Google dalam Alat Juruweb Google.

1: http://searchengineland.com/tested-googlebot-crawls-javascript-heres-learned-220157

Answer 2

KEMASKINI: Berdasarkan ulasan dan rujukan pada SearchEngineLand, kebanyakan perangkak web akan mengindeks tajuk yang dikemas kini. Jawapan di bawah sudah lapuk, tetapi kod itu masih terpakai.