Rahasia pengoptimalan situs web tidak hanya terletak pada promosinya pertanyaan kunci, kepedulian terhadap kegunaan dan peningkatan lalu lintas, tetapi juga dalam penggunaan yang benar kode html. Penggunaan tag dan atributnya dengan tepat sering kali dapat membantu menghindari hari kerja. Ada yang populer dan teknik yang efektif. Mungkin dalam optimasi SEO tidak mungkin bisa dipisahkan satu sama lain atribut rel tag nofollow dan noindex. Oleh karena itu, artikel ini akan membahas keduanya, serta untuk apa keduanya, apakah sebaiknya diletakkan bersebelahan, dan dalam hal apa sebaiknya digunakan, dan kapan tidak boleh dilakukan.

Mengindeks halaman dan bobotnya

Salah satu parameter yang paling penting memasukkan situs ke dalam 10 mesin pencari TOP adalah bobot halamannya. Merekalah yang berakhir di hasil pencarian pertama Yandex dan Google, disusul portal Internet. Bobot masing-masing bertambah karena adanya tautan - baik eksternal maupun internal. Pahami bagaimana proses mendistribusikan parameter ini antara halaman situs web Anda dan proyek Internet yang tautannya dipasang sumber daya sendiri, penting bagi setiap webmaster.

Kemana perginya beban itu?

Mari kita perhatikan sebuah contoh dasar. Katakanlah di teks utama ada dua link yang mengarah ke publikasi lain. Awalnya, kami akan memberikan bobot sama dengan 1 pada setiap halaman. Saat mengindeks, robot pencari akan memperhitungkan kedua tautan. Pada saat yang sama beratnya halaman rumah akan berkurang sebesar 0,85 kali lipat. Sangat mudah untuk menghitung berapa banyak publikasi tertaut yang akan diterima: 0,85/2=0,425.

Algoritma ini bukanlah perhitungan mesin pencari yang akurat dan resmi. Disajikan agar pembaca bisa garis besar umum distribusi parameter seperti bobot halaman jelas. Jika maknanya jelas, informasi tentangnya akan lebih mudah dipahami

Sembunyikan tautan dari robot pencari

Tentu saja, situs web apa pun dibuat dengan tujuan mendapatkan keuntungan darinya. Dan bobot setiap halaman dihargai oleh webmaster. Namun tidak mungkin untuk tidak mempostingnya di publikasi Anda. Ada alasannya, dan berikut beberapa di antaranya:

Tautan jual beli mendatangkan keuntungan;

Lalu lintas ke proyek Internet meningkat.

Diyakini bahwa atribut tag adalah rel nofollow akan membantu menyembunyikan jangkar dari robot pencari sambil menjaga bobot halaman. Namun pernyataan ini hanya mungkin jika ejaan yang benar kode. Ejaan yang tepat dari atribut ini adalah:

>jangkar

Tautan yang tepat hanya memberi bobot pada situs dan meningkatkan peringkatnya. Tentu saja, tidak perlu menggunakan href rel nofollow untuk tautan internal.

Contoh penggunaan

Penjelasan secara umum tidak selalu mengungkapkan gambaran utuh tentang pentingnya penggunaan tag tertentu dan atributnya. Sembunyikan linknya, jangan berikan bobot halaman situs Anda kepada orang lain. Apa ini? Hanya keserakahan? Tidak, ini jauh dari benar. Misalnya, banyak situs web yang memiliki tombol media sosial. Setuju kalau kepercayaan mereka sudah besar. Kode tombol sosial dengan tetap menjaga bobot halamannya sendiri yang ditulis menggunakan atribut sasaran kosong, rel nofollow. Yang pertama setelah mengklik akan mengarahkan pengunjung ke sumber daya internet pihak ketiga dengan membuka tab browser lain. Yang kedua tidak akan memungkinkan Anda mengurangi bobot halaman. Misalnya untuk tombol sosial jaringan Twitter itu akan terlihat seperti ini:

a rel=”nofollow”target=”_blank”href=”URL/home/.

Perlu disebutkan validitas kode - kepatuhan terhadap semua persyaratan teknis penandaan html. tag rel nofollow eksternal tidak hanya menggantikan atribut target_blank dengan baik, tetapi juga lebih baik dirasakan oleh robot mesin pencari.

Rel href nofollow, atau Saat Anda masih membutuhkannya

Menyembunyikan tautan ke situs “buruk” atau non-tematik dari mesin pencari;

Untuk bersembunyi jumlah besar alamat ke sumber pihak ketiga;

Menyembunyikan tautan jika webmaster menjualnya;

Tidak mentransfer bobot ke portal mega-populer seperti Yandex atau Google;

Menyembunyikan tautan di komentar.

Nofollow menyelamatkan situs web, dan khususnya blog, dari spam. Tautan belum terverifikasi yang ditutup dengan atribut ini akan semakin jarang muncul di komentar.

Noindex dan mengapa hal ini layak untuk dibicarakan

Larangan pengindeksan dapat diatur tidak hanya pada tautan eksternal dan internal, tetapi juga pada tautan elemen individu teks, serta seluruh halaman. Untuk ini, webmaster menggunakan tag noindex. Itu hanya menyembunyikan teks. Tidak berlaku untuk gambar dan foto. Link yang berhasil disembunyikan rel nofollow, noindex tidak dapat disembunyikan dari mesin pencari. Robot tidak akan melihat jangkar, tetapi akan mengindeks alamatnya. Noindex biasanya digunakan untuk menyembunyikan sebagian konten:

Dengan bahasa cabul;

Dengan teks yang tidak unik;

Tag itu pasti perlu digunakan. Tapi itu tidak bekerja pada semua mesin. Faktanya noindex tidak valid, artinya tidak memenuhi standar. Inilah sebabnya mengapa salah satu platform blogging terpopuler, WordPress, menghapus tag dari kodenya. Rahasia validitasnya terletak pada penggunaan beberapa tanda.. Dengan menuliskan kode pada form ini, bisa dipastikan Yandex tidak akan mengindeks halaman blog WordPress Anda.

Membagikan

Haruskah saya menyertakan tag dan atribut dalam kode halaman? Tidak ada yang menghentikan Anda untuk menggunakan noindex dan rel nofollow secara berpasangan. Tag tidak mengganggu atribut, begitu pula sebaliknya. Mereka menempatkannya bersebelahan karena mesin pencari Mereka melihat kode situs secara berbeda. Misalnya, saat menggunakan tag dan atribut, webmaster dapat yakin bahwa robot Yandex tidak akan mengenali jangkar atau melihat tautan itu sendiri. Google akan melihat teksnya, namun tidak akan menyampaikan bobotnya halaman pihak ketiga situs lain.

Khususnya bagi pemula

Pengoptimalan situs web adalah hal baru di pasar tenaga kerja dan pekerjaan yang menarik. Kurangnya perencanaan yang sistematis sumber informasi bagi pemula, hal ini membuat aktivitasnya jauh lebih sulit. Dan tentu saja, webmaster muda melakukan kesalahan. Beberapa orang mengisi konten dengan jumlah link yang sangat banyak, sementara yang lain membiarkan halaman tanpa link sama sekali. Gambaran yang sama dalam hal pengaturan tag noindex dan atribut rel nofollow.

Keinginan untuk membawa situs ke TOP mesin pencari menjadi alasan untuk melakukan kesalahan kritis. Faktanya pendatang baru sering kali tutup tautan eksternal baik tag maupun atribut. Hal ini, sampai batas tertentu, sebenarnya menjaga bobot setiap halaman situs. Namun kenyataannya tautan eksternal yang sama meningkatkan kepercayaan dari mesin pencari. Anda dapat mengimbangi penurunan berat badan dengan mempromosikan kueri frekuensi rendah dan menengah.

Setiap pengoptimal harus ingat bahwa informasi apa pun akan dirasakan oleh pembaca dengan lebih percaya diri jika ada kesempatan untuk mengikuti tautan ke sumbernya. Tentu saja, webmaster sendiri tidak mungkin mengadopsi buku atau brosur yang tidak berisi daftar referensi.

Semua lebih banyak pengguna Internet berfokus pada sumber resmi. Dan jika situs muda tidak mengacu pada opini mereka, maka akan lebih sulit mempertahankan pembaca dan menarik pelanggan. Tentu saja, hal ini akan berdampak negatif pada optimalisasi sumber daya. Jadi apakah layak menggunakan atribut rel nofollow secara membabi buta?

Seorang webmaster yang baik peduli dengan pembacanya. Ingatlah bahwa salah satu fondasi Internet adalah tautan ke sumber daya resmi yang menyediakannya informasi yang dapat dipercaya. Mesin pencari menyukai situs yang dibuat untuk orang-orang. Dan bobot halaman bukan satu-satunya parameter yang membuat halaman dengan konten mencapai TOP. Yandex mengevaluasi proyek Internet menggunakan 800 parameter.

Dan pada akhirnya, bobot halaman hanya penting bagi publikasi yang menerimanya dari link dari situs pihak ketiga. Pengalaman menunjukkan bahwa donor, dengan membiarkan parameter peringkat ini untuk diri mereka sendiri, tidak akan naik lebih tinggi di “mata” mesin pencari.

Jangan ikuti!

Dalam catatan ini saya akan menulis tentang atribut tautan "populer" ( tag .. ), Bagaimana rel=tidak mengikuti. Saya menyebutkannya secara singkat di artikel “”.

Secara umum, atribut sebenarnya adalah rel , dan nofollow hanyalah salah satu nilainya. Seperti misalnya penulis dan lain-lain. Tapi kebetulan mereka hanya mengatakannya « atribut nofollow» itu saja.

Dari bahasa Inggris “no follow” secara harfiah diterjemahkan sebagai “tidak mengikuti”. Faktanya, ini adalah instruksi untuk robot pencari (diperkenalkan pada tahun 2005) untuk tidak mengikuti (yaitu tidak pergi ke) alamat yang ditentukan setelahnya href= dalam tag tautan HTML. Misalnya, situs web Yandex — instruksi kepada robot untuk tidak mengunjungi situs web Yandex.

Arti dari atribut rel=nofollow

Intinya di sini sederhana: tunjukkan itu pada mesin pencari situs yang Anda tautkan tidak dipercaya oleh Anda. Kedengarannya agak abstrak, tapi intinya begitu jika sumber daya yang Anda tautkan tidak sebaik milik Anda, maka sumber daya Anda buruk .

"Dengan buruk"- ini berarti ini tidak akan mudah dan menyenangkan bagi Anda.

Selain itu, ini adalah salah satu cara untuk melindungi. Lagi pula, tautan dengan atribut nofollow sudah disetel Bukan mentransfer jus tautan dan tidak berpengaruh. Itulah sebabnya di semua bursa untuk menjual tautan (baik abadi maupun dengan pembayaran bulanan), tautan tanpa atribut ini dibeli. Dan itulah mengapa Anda dapat mengatribusikan nofollow ke - untuk memanipulasi bobot tautan.

Misalnya, Wikipedia yang terkenal pada suatu waktu mengizinkan penulis untuk meninggalkan tautan langsung (tidak diblokir dari pengindeksan) ke situs mana pun. Karena di Wikipedia, lalu mereka mulai mengirim spam - untuk meningkatkan massa tautan— dan kualitas artikel di dalamnya menurun. Jadi saya harus menutup tautan dengan menambahkan atribut rel nofollow ke dalamnya.

Apakah robot pencari benar-benar tidak mengikuti tautan nofollow?

Anda dapat menemukan pembicaraan online itu faktanya, robot mesin pencari “mengikuti” tautan tersebut. Faktanya, jika mereka lari, maka tidak ada yang salah dengan itu - lagipula, mereka diinstruksikan untuk tidak menerima referensi tersebut. Jadi Anda tidak perlu khawatir dan tidak perlu melakukan pengalihan, dll. untuk semua orang. Lebih baik menonton video dari sumber aslinya.

Bagaimana Google memperlakukan situs yang semua tautan eksternalnya ditutup dengan atribut nofollow:

Secara umum, hal ini normal dan bobot tidak ditransfer melalui tautan; hal ini tidak berdampak pada peringkat.

Nofollow di Yandex

Yandex mulai mempertimbangkan atribut ini relatif baru-baru ini, dan sebelumnya webmaster, ketika menutup tautan, harus mempertimbangkan "preferensi" Google dan Yandex. Tapi sekarang Anda bisa menutup tautan secara universal- melalui rel=nofollow.

Secara umum, semuanya relevan saat ini mesin pencari - Google, Yandex, Bing.com dan Mail.ru— mereka memahami atribut nofollow dengan benar dan Anda tidak perlu "beradaptasi" dengan masing-masing atribut secara terpisah.

Perlu dicatat bahwa di akhir-akhir ini Ada beberapa standarisasi mesin pencari. Tentu saja, jauh di lubuk hati, mesin pencari sangatlah berbeda, dan hasilnya bisa sangat berbeda. Tapi itu seperti mobil - Baik BMW maupun Toyota menggunakan bensin, misalnya merek standar AI-95, dan tidak masing-masing menggunakan bahan bakar sendiri.

Saya senang menyambut Anda di situs blog! Pada artikel hari ini kita akan mulai berbicara tentang bahasa markup hiperteks html. Publikasi ini akan menjadi yang pertama (dan jauh dari yang terakhir), karena saya belum pernah menulis hal seperti ini sebelumnya.

Rencana posting:

Tapi sekarang, saat saya mengetik pengetahuan yang diperlukan dan mengujinya dalam praktik, saya akan dengan senang hati membagikannya kepada pembaca saya. Bukan tanpa alasan berapa banyak tenaga dan waktu yang dikeluarkan pada tahap awal, misalnya untuk mengetahuinya cara memasukkan tautan ke dalamnyahtml. Tentunya setelah membaca postingan saya Anda juga akan mengetahui dan mampu melakukan hal ini.

Secara umum, perlu diperhatikan hal itu tag tautan hanya diperlukan dalam pekerjaan pengoptimal, karena roti mereka adil optimasi mesin pencari dan tentunya para ahli di bidang SEO kemungkinan besar tidak bisa hidup tanpa link, apalagi blogger biasa :).

Mungkin, tag tautan htmlA adalah salah satu yang paling sering saya gunakan, bersama dengan tag gambar, yang diperlukan untuk menampilkan gambar dalam teks. Rata-rata dalam setiap artikel yang saya terbitkan, ada kurang lebih lima link, keduanya ke halaman internal, dan ke pihak eksternal.

Jangan lupakan itu tag untuk situs tersebuthtml digunakan tidak hanya saat menulis postingan. Selain itu, mereka akan diperlukan saat mengubah kode template yang Anda instal CMS WordPress atau sistem manajemen konten lainnya.

Oleh karena itu, Anda perlu mempelajari setidaknya yang paling dasar tag html, agar tidak mengalami masalah di kemudian hari saat bekerja dengan tautan. Misalnya, jika Anda menggunakan " Penyunting visual“Saat menulis artikel Anda, ini sangat tidak bagus, karena jika editor ini tidak berfungsi, Anda bahkan tidak akan mengetahui kode dasar untuk menambahkan link.

Secara umum pengetahuan tentang konsep-konsep dasar dalam bahasa penandaan html, menurut saya ini akan sangat membantu Anda dan membuat hidup Anda lebih mudah. Meski begitu, waktu yang Anda gunakan saat ini untuk mempelajari materi yang mungkin baru bagi Anda tidak akan terbuang percuma.

Masih banyak lagi nuansa yang akan membuat pekerjaan Anda lebih mudah, dan yang akan Anda baca di bawah artikel saya - ini adalah rel=”tidak mengikuti", Dan sasaran=“_kosong", dan masih banyak hal menarik lainnya terkait link.

Tag tautan A – membuat hyperlink dalam dokumen html dengan dan tanpa jangkar

Seperti yang sudah saya sebutkan di atas, link adalah salah satu tag html yang paling banyak saya gunakan. Mereka diperlukan agar pengguna dapat dengan mudah berpindah dari satu dokumen ke dokumen lainnya dengan satu klik.

Namun, untuk menentukan jalur ke hyperlink, Anda harus menggunakan atributhref. Berkat dia, adalah mungkin dan perlu untuk menunjukkan URL halaman, yang ingin Anda rujuk. Ini bisa berupa halaman internal situs web Anda atau halaman sumber daya lain di World Wide Web.

Jangkar tanda html tautan Sebuah faktor penting yang diperhitungkan robot pencari, jadi Anda perlu memperhatikannya perhatian khusus. Saya sarankan menggunakannya di jangkar kata kunci, yang Anda ingin artikel Anda menempati posisi pertama dalam hasil pencarian.

Setelah memahami sedikit tentang teori hyperlink di dokumen html, kamu bisa memulai contoh yang jelas. Ini adalah kode yang akan dimiliki tautan tersebut:

Di sinilah seharusnya teks hyperlink Anda, yaitu jangkar

Seperti yang Anda lihat, tautan dimulai dengan tanda kurung siku pembuka "<», затем идет html тег A, после него должен быть обязательный атрибут href и знак равенства. Далее, следуют две скобки следующего типа – «”», между ними нужно указать URL адрес ссылающегося ресурса, при использовании «http://». Затем, нужно указать анкор ссылки и в конце концов закрыть тег ссылки А при помощи «».

Selain itu, saya menyarankan Anda untuk menggunakan tautan non-jangkar, karena jika hanya hyperlink dengan jangkar yang ditautkan ke sumber daya Anda, hal ini dapat menimbulkan pertanyaan di antara mesin pencari dan menimbulkan konsekuensi buruk. Pasti Anda pernah mendengar tentang algoritma sensasional Google yang memiliki nama menakutkan Penguin :).

Membuka tautan di jendela baru. atribut target_blank

Ya, kami telah memilah tag html A, tapi bukan itu saja. Masih banyak lagi atribut yang akan berguna bagi Anda saat bekerja dengan tautan. Salah satunya adalah atributtarget_kosong.

Hal ini diperlukan agar tautan yang Anda masukkan ke dalam dokumen html terbuka di jendela browser Internet baru. Ini sangat berguna ketika Anda menulis satu artikel panjang dan merujuk pada publikasi Anda sebelumnya. Dengan demikian, halaman yang dibaca pengguna tetap terbuka, dan link dibuka di tab lain di browser.

Targetnya kosong dalam html ini sangat sering digunakan karena membantu dalam hal perilaku pengunjung situs Anda, yaitu mempengaruhi faktor perilakunya. Oleh karena itu, jika Anda masih belum menggunakan atribut target dengan parameter _blank, saya sarankan membaca bagian ini dengan cermat.

Seperti yang mungkin Anda perhatikan, tidak ada perbedaan khusus di mana atribut yang diperlukan akan ditempatkan, karena urutannya tidak menjadi masalah di dalam tag html.

Atribut rel nofollow dan tag noindex. Memblokir tautan dari pengindeksan

Mari kita mulai bekerja dengan atribut rel link dalam dokumen HTML. Atribut dengan parameter nofollow ini digunakan untuk menghindari pemindahan bobot halaman Anda ke halaman lain.

Seperti yang Anda ketahui, halaman mana pun, bahkan halaman yang baru dibuat dan tidak memiliki link eksternal dari sumber lain, memiliki bobot tersendiri, yaitu di atas nol. Pengguna tidak dapat melihat ini, tetapi mesin pencari memperhitungkan semuanya.

Oleh karena itu, agar bobot internal halaman Anda tidak menjauh dari Anda, beberapa link perlu dilampirkan dengan atribut rel nofollow. Tautan yang menyertakan atribut ini tidak akan memindahkan bobot ke situs lain.

Tentu saja, atributrel nofollow tidak boleh digunakan saat Anda menautkan ke halaman internal situs Anda, karena tautan internal yang kompeten adalah kunci keberhasilan pengoptimalan sumber daya dan pengembangan lebih lanjut.

Saya hanya menggunakan atribut di atas jika saya menautkan ke situs eksternal. Misalnya seperti yang mungkin sudah Anda perhatikan, seringkali di akhir artikel saya saya mengundang postile untuk menjadi pembaca saya di Twitter (), dan memberikan link ke akun saya, tentu saja saya lampirkan link ini di rel nofollow. Ini terlihat seperti ini:

Menjadi pengikut saya

Sekali lagi, di mana rel nofollow ditempatkan, sebelum atau sesudah atribut href, tidak menjadi masalah. Juga, di tautan seperti itu Anda tidak boleh menulis kata kunci di jangkar, karena ini tidak masuk akal, karena kami yang pertama membuat tautantidak mengikuti, yang berarti tidak memindahkan berat.

Sekarang perlu didiskusikan menandainoindex. Ini berfungsi untuk mencegah robot pencari mengindeks elemen halaman yang tidak perlu. Selain itu, ini tidak hanya berlaku untuk hyperlink, tetapi juga untuk bagian teks tertentu.

Menjadi pengikut saya

Ngomong-ngomong, ketika saya mengunjungi situs mana pun, saya langsung melihat di mana hyperlink ditutup dari pengindeksan, dan di mana, sebaliknya, terbuka. Semua berkat add-on luar biasa untuk browser Opera. Selain itu, dengan menggunakan plugin ini, saya dapat melacak parameter sumber daya lainnya, seperti AlexaRank.

Link jangkar dan cara membuatnya. Atribut nama

Dan sekarang saya mungkin akan menemukan hal yang sangat menarik bagi banyak orang ketika bekerja dengan tautan. Secara pribadi, saya baru mempelajarinya setelah menggunakan WordPress selama lebih dari enam bulan. Jadi, sekarang kita akan membicarakannya tautan jangkar.

Terima kasih padanya, dan juga saat menggunakannya tautan hash, Anda tidak hanya dapat merujuk ke artikel tertentu, tetapi juga ke tempat yang diperlukan di dalamnya, yaitu bagian teks tertentu. Hal ini diperlukan ketika publikasi sangat banyak dan akan sulit untuk menemukan informasi yang diperlukan mengenainya.

Pertama, di artikel yang ingin Anda tautkan, Anda perlu memilih bagian teks yang halamannya akan digulir di browser Internet. Artinya, jika Anda memberikan tautan, katakanlah tentang suatu pengaturan (bukan contoh jangkar), maka atribut nama harus ditempatkan di bagian wajib publikasi.

Seperti yang Anda lihat, atribut nama tidak memiliki jangkar, karena jangkar terdiri dari tag pembuka dan penutup A. Anda harus mengatur sendiri parameter atributnya, ini ditunjukkan setelah tanda sama dengan dan tanda kurung, seperti yang ditunjukkan pada contoh di atas .

Sekarang Anda perlu menentukan tautan hash langsung di posting baru menggunakan jangkar yang sudah disiapkan sebelumnya. Dengan demikian, link tersebut akan langsung membuka tempat pada teks yang dibutuhkan. Tautan hash ini akan terlihat seperti ini:

Jangkar

Setelah ini, pembaca situs Anda akan dapat, dengan mengikuti link tersebut, untuk langsung menuju ke area tertentu di halaman tersebut.

Baiklah, itu saja untuk saya, jika Anda memiliki pertanyaan, tanyakan di komentar. Saya perhatikan bahwa ini bukan artikel terakhir tentang html; di masa mendatang akan ada lebih banyak publikasi tentang topik ini.

Epilog video: seniman dengan cepat menggambar di atas kaca

Istilah rel dalam bahasa Inggris berarti hubungan. Dalam HTML, esensinya adalah untuk memberikan informasi tentang bagaimana dokumen saat ini terkait dengan dokumen yang ditautkan ke dalamnya.

Ketika tautan tertentu membawa kita ke sumber daya lain, atribut rel digunakan untuk menjelaskan logika - mengapa ke alamat khusus ini. Anda bisa menautkan ke halaman yang isinya terkait dengan dokumen saat ini, atau ke file yang ingin Anda gunakan dengan dokumen ini. Tautan lain dapat berupa dokumen versi PDF atau bahasa asing. Tautan, sebagai hubungan antara dokumen saat ini dan dokumen lain, sering digunakan dalam e-book untuk mengarahkan ke halaman berikutnya (sebelumnya).

Saat ini, browser tidak terlalu memperhatikan atribut rel, namun robot mesin pencari memperhatikannya. Beberapa sumber daya, seperti jejaring sosial, juga akan berinteraksi lebih baik dengan situs jika jenis tautan di dalamnya ditentukan. Dapat digunakan sebagai tautan dengan tag dengan sintaks ini:

...

Dimungkinkan juga untuk digunakan , yang bertanggung jawab untuk berkomunikasi dengan dokumen lain. Dalam situasi ini sintaksnya adalah:

Saat ini "nofollow" digunakan secara aktif. Nilai ini melarang mesin pencari mengikuti link tertentu. Dengan kata lain, tidak menularkan PR dan TCI kepada mereka. Nilai-nilai lain seperti "kanonik" juga digunakan. Ini menentukan alamat mana yang lebih disukai oleh mesin pencari. Penggunaan rel dapat diterapkan secara lebih luas:

Menggambar McLellan

"Jadi apa," katamu. - “Saya sudah tahu segalanya,” dan Anda benar sekali! Namun tautan lebih dari sekadar atribut href.

Teori relativitas

Mungkin Anda sudah membaca tentang atribut rel pada sebuah link. Saya berani bertaruh bahwa bagian kepala halaman Anda akan memiliki sesuatu seperti ini:

Atribut rel menggambarkan hubungan antara dokumen saat ini dan dokumen yang ditunjuknya. Dalam hal ini, nilai atribut rel adalah stylesheet . Ini berarti bahwa dokumen yang ditautkan adalah style sheet untuk dokumen saat ini: ini adalah hubungan di antara keduanya.

Penggunaan umum lainnya dari rel adalah:

Dalam hal ini, hubungan antara dokumen saat ini dan dokumen terkait - umpan RSS - diindikasikan sebagai alternatif: representasi alternatif dari dokumen saat ini.

Kedua contoh ini menggunakan tag link, namun Anda juga dapat menggunakan atribut rel pada link biasa. Misalnya, kami menautkan ke umpan RSS Anda dari bagian:

Berlangganan umpan RSS saya.

Anda dapat menambahkan informasi tambahan ke tautan ini menggunakan atribut rel:

Berlangganan umpan RSS saya.

Tidak ada daftar nilai khusus untuk atribut rel, jadi Anda dapat menggunakan apa pun yang menurut Anda masuk akal secara semantik. Misalnya, jika Anda memiliki aplikasi web komersial kompleks yang berisi link ke tooltip, Anda dapat menentukan hubungan antara halaman saat ini dan tooltip tersebut menggunakan nilai bantuan:

butuh petunjuk?

Mikroformat dasar

Meskipun Anda sepenuhnya bebas menggunakan nilai atribut rel, sudah ada beberapa nilai yang diterima secara umum saat menggunakan mikroformat. Beberapa mikroformat paling sederhana menawarkan opsi untuk penggunaan rel. Misalnya, jika Anda mereferensikan lisensi yang menjadi dasar penerbitan dokumen ini, gunakan format mikro rel-license:

Didistribusikan di bawah lisensi Creative Commons

Konstruksi ini menjelaskan bahwa halaman saat ini tertaut ke dokumen berlabel "lisensi".

Mikroformat rel-tag melangkah lebih jauh. Ini digunakan untuk menunjukkan bahwa bagian terakhir dari URL suatu tautan adalah "label" untuk dokumen saat ini:

Baca tentang tata letak semantik

Dalam hal ini, label “Microformats” telah ditambahkan ke dokumen ini.

XFN (XHTML Friends Network) adalah cara untuk menggambarkan hubungan antar manusia:

Menggambar McLellan

Mikroformat ini sangat memperluas kemungkinan penggunaan atribut rel. Sama seperti atribut class, rel dapat mengambil beberapa nilai, dipisahkan oleh spasi:

Menggambar McLellan

Jadi, saya tunjukkan bahwa Drew adalah teman saya, saya bertemu dengannya, dan dia adalah kolega saya (bagaimanapun juga, kami berdua adalah penggemar Internet ( Monyet jaring)).

“Kami ingin perubahan” (solusi revolusi)

Jika rel mendeskripsikan hubungan antara halaman saat ini dan halaman yang ditautkan, ( catatan: halaman saat ini -> halaman lain) maka rev digunakan untuk ketergantungan terbalik: ini menentukan jenis hubungan antara halaman yang direferensikan dan halaman saat ini ( catatan: halaman saat ini<- другая страница ). Di bawah ini adalah contoh yang dapat digunakan di help.html:

kembali ke toko

Atribut rev menunjukkan bahwa halaman saat ini adalah halaman bantuan, halaman bantuan untuk halaman yang ditautkan.

Mikroformat tautan suara memungkinkan Anda menggunakan atribut rev untuk memenuhi syarat tautan Anda. Misalnya, dengan menentukan nilai suara untuk, Anda dapat menunjukkan bahwa dokumen Anda mendukung dokumen yang direferensikan:

Saya setuju dengan Richard Dawkins.

Ada juga nilai yang sesuai dengan suara menentang. Artinya, meskipun Anda mengacu pada dokumen ini, Anda dengan jelas menunjukkan bahwa Anda tidak menyetujuinya.

Saya setuju dengan Richard Dawkins
tentang kreasionis.

Tentu saja, tidak ada yang menghalangi Anda untuk menggunakan rel dan rev dalam satu tautan:

Richard Dawkins

Kewajaran mayoritas

Kemudahan penggunaan rel dan rev menyembunyikan banyak potensi. Mereka membuatnya relatif mudah untuk menambahkan lebih banyak makna semantik ke tautan Anda, yang menciptakan koneksi yang kemudian dapat diproses oleh mesin pencari, agregator, atau browser. Biarkan langkah Anda berikutnya menjadi akrab dengan atribut-atribut ini dan perluas kemampuan penautan Anda.