SEO - Situs Web Responsif dan Menu Duplikat

Setiap kali saya membuat Situs Web Responsif saya biasanya membuat 2 menu: 1 disembunyikan dan digunakan untuk seluler dan yang lainnya ditampilkan sebagai menu utama, lalu disembunyikan untuk menampilkan menu seluler. Setiap kali datang ke SEO dan laba-laba menavigasi situs web apakah saya mendapatkan dinged karena memiliki menu duplikat? Apakah ada yang bisa saya lakukan untuk menunjukkan pada laba-laba bahwa menu ini untuk seluler dan ini adalah utamanya?

Alasan akhirnya mengapa saya memiliki 2 menu berbeda adalah karena lokasinya, biasanya menu utama ada di semacam bar di bawah logo dll, tetapi menu ponsel saya ingin di atas segalanya, jadi di atas logo dll.

— Howdy_McGee
sumber

Mengapa tidak menggunakan permintaan responsif dan membuat menu position:fixedatau position:absolute, selain itu sebagian besar kerangka kerja seperti bootstrap dan zurb foundation memiliki tarikan kueri yang dapat memindahkan elemen berdasarkan perangkat mana yang mengakses halaman ...

— Simon Hayter

Jika Anda membuat 2 menu, itu bukan Responsif. Menu responsif menggunakan <nav>konten yang sama , dan memberinya gaya berbeda dengan memberikan breakpoint kueri media tertentu.

— hexalys

@hexalys belum tentu. Saya dapat memiliki menu parsial untuk "Navigasi Desktop Utama" kemudian "Menu Mobile" dengan navigasi yang lebih lengkap, keduanya <nav>hanya menampilkan lebih banyak item dalam versi seluler sehingga lebih mudah dinavigasi.

— Howdy_McGee

@Howdy_McGee Tentu. Tapi itu tidak benar-benar apa yang Anda gambarkan dalam pertanyaan. Masalah mengubah navbar tengah menjadi menu atas atau hamburger untuk seluler, misalnya, bisa jadi sulit, tetapi bisa diterapkan melalui perubahan tata letak CSS. Saya sudah berhasil ok di sini: goo.gl/v8HdLD. Dan saya di sini sekarang, karena saya juga sangat prihatin tentang pendekatan malas orang miskin yang disengaja semacam itu untuk dua yang disebut plugin "menu responsif" untuk wordpress, dan implikasinya dalam hal kepatuhan mesin pencari, aksesibilitas dan kinerja.

— hexalys

@hexalys Saya pikir ada pro dan kontra; keduanya memiliki tempat masing-masing hanya tergantung situasi. Karena saya sudah menanyakan hal ini, saya telah melihat lebih banyak bantuan pada satu menu tunggal tetapi belum melihat apa pun yang mengatakan memiliki dua menu terpisah adalah hal yang buruk atau sedang digunakan dalam SEO.

— Howdy_McGee

Jawaban:

Anda tidak perlu khawatir. Anda dapat menggunakannya display: none;untuk berganti menu. Mesin pencari jauh lebih baik dalam memahami JS dan CSS.

Selama Anda tidak sengaja mencoba memanipulasi hal-hal untuk mendapatkan peringkat yang lebih baik. Menggunakan tampilan: tidak ada; untuk menyembunyikan blok teks besar akan membuat Anda dihukum. Jadi jika Anda hanya menggunakan untuk menyembunyikan menu desktop di ponsel dan ayat visa Anda tidak dalam bahaya. Lihatlah utas lama ini dari StackExchange:

Seberapa buruk menggunakan display: tidak ada di CSS?

Google sebenarnya cukup menyukai desain responsif dan lebih suka ke situs seluler terpisah.

Inilah artikel bagus tentang " SEO of Responsive Design "

Juga, lihat artikel / video ini:

Matt Cutts (Google), mengatakan bahwa Anda tidak perlu khawatir ada sisi buruknya, terkait dengan SEO, ketika menggunakan pendekatan desain responsif untuk situs web seluler.

— dasickle
sumber

Sebagian besar kutipan dan artikel Anda merujuk pada memiliki situs web yang responsif dan memiliki situs web seluler, yang belum tentu apa yang saya minta (maaf atas kebingungannya) tetapi lebih mengenai dis / advangage atau menggunakan 2 menu, satu menu untuk seluler menu utama dan satu untuk menu utama desktop. Sepertinya memiliki 2 menu, dan crawler membaca kode sumber akan menafsirkannya secara terpisah.

— Howdy_McGee

Itu ada di sana untuk mendukung pernyataan kedua saya tentang desain responsif secara umum. Saya menyertakan tautan lain di atas untuk Anda dan ada beberapa di antaranya.

— dasickle

@dasickle Dengan pendekatan ini dengan beberapa menu, ketika mencari domain tertentu di google (misalnya, mencari "warmane") itu akan termasuk dalam hasil pencarian navigasi situs web itu, apakah itu akan terpengaruh dengan cara apa pun?

— Dragos Rizescu

Anda dapat menggunakan display: flexdan kemudian menetapkan order: nnilai alternatif untuk divisi yang memindahkan divisi menu Anda di atas atau di bawah divisi lainnya.

Dengan kata lain, Anda tidak perlu dua menu dengan konten yang sama jika Anda selalu menyembunyikan satu atau lainnya.

— RedGrittyBrick
sumber

Sebagian besar menu seluler "dibuka" melalui klik tombol, pada dasarnya membuka di jendela modal atau semacamnya. Ketika datang ke standar aksesibilitas pertemuan situs web - menu tersebut harus ditempatkan di DOM secara sengaja. Tidak cukup hanya menggunakan satu NAV di header dan menerapkan CSS berbeda untuk mencapai tata letak yang diinginkan (dalam banyak kasus).

Intinya - jika menu Anda pada awalnya tidak terlihat, dan overlay sisa konten - mungkin perlu untuk memiliki beberapa elemen nav ditempatkan di posisi yang berbeda di DOM (menyembunyikan satu dan menunjukkan yang lain tergantung pada ukuran layar dan keinginan ).

— Cody
sumber