Bagaimana cara menampilkan hasil pada halaman yang sama di html?

Untuk menentukan URL kanonis untuk halaman duplikat atau sangat mirip dengan Google Penelusuran, Anda dapat menunjukkan preferensi menggunakan sejumlah metode. Ini adalah, dalam urutan seberapa kuat mereka dapat mempengaruhi kanonikalisasi

Table of Contents Show

Alasan untuk menentukan URL kanonis
Praktik terbaik
Perbandingan metode kanonikalisasi
Gunakan anotasi rel="canonical" link
Elemen rel="canonical" link
Tajuk HTTP rel="canonical"
Gunakan peta situs
Gunakan pengalihan
Sinyal lainnya
Lebih suka HTTPS daripada HTTP untuk URL kanonis
Lebih suka URL dalam <html> <head> <title>Explore the world of dresses</title> <link rel="alternate" media="only screen and (max-width: 640px)" href="https://m.example.com/dresses/green-dresses"> <link rel="canonical" href="https://example.com/dresses/green-dresses" />  </head> 2 kluster
Bagaimana cara mengirimkan halaman yang sama dalam bentuk HTML?
Bagaimana cara menampilkan formulir di halaman yang sama ketika saya mengklik tombol di atasnya?
Bagaimana cara menampilkan hasil pada halaman yang sama menggunakan javascript?
Bagaimana cara menampilkan data formulir dalam HTML?

Sinyal kuat bahwa target pengalihan harus kanonis
Sinyal kuat bahwa URL yang ditentukan harus kanonis
Sinyal lemah yang membantu URL yang disertakan dalam peta situs menjadi kanonis

Perlu diingat bahwa metode ini dapat menumpuk dan dengan demikian menjadi lebih efektif bila digabungkan. Ini berarti bahwa ketika Anda menggunakan dua atau lebih metode, itu akan meningkatkan kemungkinan URL kanonis pilihan Anda muncul di hasil pencarian.

Meskipun kami menganjurkan Anda untuk menggunakan metode ini, tidak satu pun dari metode tersebut diperlukan; . Itu karena jika Anda tidak menentukan URL kanonis,

Jika Anda menggunakan CMS, seperti WordPress, Wix, atau Blogger, Anda mungkin tidak dapat mengedit HTML secara langsung. Sebaliknya, CMS Anda mungkin memiliki laman setelan mesin telusur atau beberapa mekanisme lain untuk memberi tahu mesin telusur tentang URL kanonis. Telusuri petunjuk tentang cara memodifikasi <head> laman Anda di CMS (misalnya, telusuri "wordpress set the canonical element")

Alasan untuk menentukan URL kanonis

Meskipun umumnya tidak penting untuk menentukan preferensi kanonis untuk URL Anda, ada sejumlah alasan mengapa Anda ingin memberi tahu Google secara eksplisit tentang halaman kanonis dalam sekumpulan halaman duplikat atau serupa

Untuk menentukan URL mana yang ingin dilihat orang di hasil penelusuran. Anda mungkin lebih suka orang menjangkau halaman produk gaun hijau Anda melalui https://www.example.com/dresses/green/greendress.html daripada https://example.com/dresses/cocktail?gclid=ABCD
Untuk menggabungkan sinyal untuk halaman serupa atau duplikat. Ini membantu mesin telusur untuk dapat menggabungkan sinyal yang mereka miliki untuk setiap URL (seperti tautan ke URL tersebut) menjadi satu URL pilihan. Artinya, sinyal dari situs lain ke https://example.com/dresses/cocktail?gclid=ABCD dikonsolidasikan dengan tautan ke https://www.example.com/dresses/green/greendress.html jika yang terakhir menjadi kanonis
Untuk menyederhanakan metrik pelacakan untuk sebuah konten. Dengan beragam URL, akan lebih sulit bagi Anda untuk mendapatkan metrik gabungan untuk bagian konten tertentu
Untuk mengelola konten sindikasi. Jika Anda mensindikasikan konten Anda untuk publikasi di domain lain, Anda mungkin ingin URL tertentu muncul di hasil penelusuran
Untuk menghindari menghabiskan waktu merayapi halaman duplikat. Anda mungkin ingin Googlebot mendapatkan hasil maksimal dari situs Anda, jadi lebih baik menghabiskan waktu merayapi halaman baru (atau yang diperbarui) di situs Anda, daripada merayapi versi duplikat dari konten yang sama

Praktik terbaik

Untuk semua metode kanonikalisasi, ikuti praktik terbaik ini

Jangan gunakan robot. txt untuk tujuan kanonikalisasi
Jangan gunakan alat penghapusan URL untuk kanonikalisasi. Ini menyembunyikan semua versi URL dari Pencarian
Jangan tentukan URL yang berbeda sebagai kanonis untuk halaman yang sama menggunakan teknik kanonikalisasi yang berbeda (misalnya, jangan tentukan satu URL di peta situs, tetapi URL yang berbeda untuk halaman yang sama menggunakan rel="canonical")

Jangan gunakan

<html>
  <head>
    <title>Explore the world of dresses</title>
    <link rel="alternate" media="only screen and (max-width: 640px)"  href="https://m.example.com/dresses/green-dresses">
    <link rel="canonical" href="https://example.com/dresses/green-dresses" />
    <!-- other elements -->
  </head>
  <!-- rest of the HTML -->

1 sebagai sarana untuk mencegah pemilihan halaman kanonis. Aturan ini dimaksudkan untuk mengecualikan halaman dari indeks, bukan untuk mengelola pilihan halaman kanonis

Jika Anda menggunakan elemen

<html>
  <head>
    <title>Explore the world of dresses</title>
    <link rel="alternate" media="only screen and (max-width: 640px)"  href="https://m.example.com/dresses/green-dresses">
    <link rel="canonical" href="https://example.com/dresses/green-dresses" />
    <!-- other elements -->
  </head>
  <!-- rest of the HTML -->

_2, pastikan untuk menentukan halaman kanonis dalam bahasa yang sama, atau bahasa pengganti terbaik jika halaman kanonis tidak tersedia untuk bahasa yang sama

Saat menautkan dalam situs Anda, tautkan ke URL kanonis, bukan URL duplikat. Menautkan secara konsisten ke URL yang Anda anggap kanonis membantu Google memahami preferensi Anda

Perbandingan metode kanonikalisasi

Tabel berikut membandingkan berbagai metode kanonikalisasi, menyoroti kekuatan dan kelemahannya dalam hal pemeliharaan dan kemanjuran dalam skenario yang berbeda

Metode dan deskripsi

Tambahkan elemen

<html>
  <head>
    <title>Explore the world of dresses</title>
    <link rel="alternate" media="only screen and (max-width: 640px)"  href="https://m.example.com/dresses/green-dresses">
    <link rel="canonical" href="https://example.com/dresses/green-dresses" />
    <!-- other elements -->
  </head>
  <!-- rest of the HTML -->

_4 dalam kode untuk semua halaman duplikat, dengan menunjuk ke halaman kanonis

Pro

Dapat memetakan halaman duplikat dalam jumlah tak terbatas

Kontra

Dapat menambah ukuran halaman
Bisa rumit untuk mempertahankan pemetaan di situs yang lebih besar, atau situs yang URL-nya sering berubah
Hanya berfungsi untuk halaman HTML, bukan untuk file seperti PDF. Dalam kasus seperti itu, Anda dapat menggunakan tajuk HTTP rel="canonical"

Kirim header rel="canonical" di respons halaman Anda

Pro

Tidak menambah ukuran halaman
Dapat memetakan halaman duplikat dalam jumlah tak terbatas

Kontra

Bisa rumit untuk mempertahankan pemetaan di situs yang lebih besar, atau situs yang URL-nya sering berubah

Tentukan halaman kanonis Anda di peta situs

Pro

Mudah dilakukan dan dipelihara, terutama di situs besar

Kontra

Google masih harus menentukan duplikat terkait untuk setiap kanonis yang Anda nyatakan di peta situs
Sinyal yang kurang kuat ke Google dibandingkan teknik pemetaan rel="canonical"

Gunakan pengalihan untuk memberi tahu Googlebot bahwa URL yang dialihkan adalah versi yang lebih baik daripada URL yang diberikan. Gunakan ini hanya saat menghentikan halaman duplikat. Varian AMPJika salah satu varian Anda adalah halaman AMP, ikuti panduan AMP untuk menunjukkan halaman kanonis dan varian AMP

Gunakan anotasi rel="canonical" link

Google mendukung

HTTP/1.1 200 OK
Content-Length: 19
...
Link: <https://www.example.com/downloads/white-paper.pdf>; rel="canonical"
...

1 kanonis link anotasi seperti yang dijelaskan dalam RFC 6596. Anda dapat memberikan anotasi rel="canonical" link dengan dua cara.

Kami menyarankan Anda memilih salah satu dari ini dan mengikutinya;

Elemen rel="canonical" link

Elemen rel="canonical" link (juga dikenal sebagai elemen kanonis) adalah elemen yang digunakan di bagian rel="canonical"5 HTML untuk menunjukkan bahwa halaman lain mewakili konten di halaman

Misalkan Anda ingin rel="canonical"_6 menjadi URL kanonis, meskipun berbagai URL dapat mengakses konten ini. Tunjukkan URL ini sebagai kanonis dengan langkah-langkah ini

Tambahkan elemen

<html>
  <head>
    <title>Explore the world of dresses</title>
    <link rel="alternate" media="only screen and (max-width: 640px)"  href="https://m.example.com/dresses/green-dresses">
    <link rel="canonical" href="https://example.com/dresses/green-dresses" />
    <!-- other elements -->
  </head>
  <!-- rest of the HTML -->

_4 dengan atribut rel="canonical" ke bagian <head> halaman duplikat, mengarah ke halaman kanonis. Misalnya.

<html>
  <head>
    <title>Explore the world of dresses</title>
    <link rel="canonical" href="https://example.com/dresses/green-dresses" />
    <!-- other elements -->
  </head>
  <!-- rest of the HTML -->

Jika halaman kanonis memiliki varian seluler pada URL terpisah, tambahkan elemen link0 link ke dalamnya, yang mengarah ke versi seluler halaman tersebut.

<html>
  <head>
    <title>Explore the world of dresses</title>
    <link rel="alternate" media="only screen and (max-width: 640px)"  href="https://m.example.com/dresses/green-dresses">
    <link rel="canonical" href="https://example.com/dresses/green-dresses" />
    <!-- other elements -->
  </head>
  <!-- rest of the HTML -->

Tambahkan

<html>
  <head>
    <title>Explore the world of dresses</title>
    <link rel="alternate" media="only screen and (max-width: 640px)"  href="https://m.example.com/dresses/green-dresses">
    <link rel="canonical" href="https://example.com/dresses/green-dresses" />
    <!-- other elements -->
  </head>
  <!-- rest of the HTML -->

2 atau elemen lain yang sesuai untuk halaman

Gunakan jalur absolut daripada jalur relatif dengan elemen rel="canonical" link. Meskipun jalur relatif didukung oleh Google, jalur tersebut dapat menyebabkan masalah dalam jangka panjang (misalnya, jika Anda secara tidak sengaja mengizinkan situs pengujian dirayapi) sehingga kami tidak menyarankannya

Contoh yang baik. https://www.example.com/dresses/green/greendress.html

Contoh buruk. link_6

rel="canonical" link8 hanya diterima jika muncul di bagian <head> HTML, jadi pastikan setidaknya bagian <head> adalah HTML yang valid

Jika Anda menggunakan JavaScript untuk menambahkan elemen rel="canonical" link, pastikan untuk

Tajuk HTTP rel="canonical"

Jika Anda dapat mengubah konfigurasi server, Anda dapat menggunakan header HTTP rel="canonical" bukan elemen HTML untuk menunjukkan URL kanonis untuk dokumen yang didukung oleh Penelusuran, termasuk dokumen non-HTML seperti file PDF

Google saat ini mendukung metode ini hanya untuk hasil pencarian web

Jika Anda memublikasikan konten dalam banyak format file, seperti PDF atau Microsoft Word, masing-masing di URL-nya sendiri, Anda dapat mengembalikan header HTTP rel="canonical" untuk memberi tahu Googlebot apa itu URL kanonis untuk file non-HTML. Misalnya, untuk menunjukkan bahwa versi PDF dari versi <head>6 harus kanonis, Anda dapat menambahkan tajuk HTTP ini untuk versi konten <head>6

HTTP/1.1 200 OK
Content-Length: 19
...
Link: <https://www.example.com/downloads/white-paper.pdf>; rel="canonical"
...

Seperti elemen rel="canonical" link, gunakan URL absolut di header HTTP rel="canonical", dan sesuai RFC2616, gunakan hanya tanda kutip ganda di sekitar URL

Gunakan peta situs

Pilih URL kanonis untuk setiap halaman Anda dan kirimkan ke peta situs. Semua halaman yang tercantum dalam peta situs disarankan sebagai kanonis;

Memasok URL kanonis yang disukai di peta situs adalah cara sederhana untuk menentukan kanonis untuk situs besar, dan peta situs adalah cara yang berguna untuk memberi tahu Google halaman mana yang Anda anggap paling penting di situs Anda

Gunakan pengalihan

Gunakan metode ini saat Anda ingin menghilangkan halaman duplikat yang ada. Semua metode pengalihan —https://www.example.com/dresses/green/greendress.html1 dan https://www.example.com/dresses/green/greendress.html2 pengalihan, https://www.example.com/dresses/green/greendress.html3, pengalihan JavaScript—memiliki efek yang sama di Google Penelusuran, namun waktu yang dibutuhkan mesin telusur untuk menyadari metode pengalihan yang berbeda mungkin berbeda

Untuk efek tercepat, gunakan pengalihan https://www.example.com/dresses/green/greendress.html_4 HTTP (juga dikenal sebagai sisi server)

Misalkan halaman Anda dapat dijangkau dengan berbagai cara

https://www.example.com/dresses/green/greendress.html_5
https://www.example.com/dresses/green/greendress.html_6
https://www.example.com/dresses/green/greendress.html_7

Pilih salah satu URL tersebut sebagai URL kanonis Anda, dan gunakan pengalihan untuk mengirimkan lalu lintas dari URL lain ke URL pilihan Anda

Sinyal lainnya

Selain metode yang disediakan secara eksplisit, Google juga menggunakan sekumpulan sinyal kanonikalisasi yang umumnya didasarkan pada penyiapan situs. lebih memilih HTTPS daripada HTTP, dan URL dalam

<html>
  <head>
    <title>Explore the world of dresses</title>
    <link rel="alternate" media="only screen and (max-width: 640px)"  href="https://m.example.com/dresses/green-dresses">
    <link rel="canonical" href="https://example.com/dresses/green-dresses" />
    <!-- other elements -->
  </head>
  <!-- rest of the HTML -->

2 kluster

Lebih suka HTTPS daripada HTTP untuk URL kanonis

Google lebih memilih halaman HTTPS daripada halaman HTTP yang setara sebagai kanonis, kecuali jika ada masalah atau sinyal yang bertentangan seperti berikut

Halaman HTTPS memiliki sertifikat SSL yang tidak valid
Halaman HTTPS berisi dependensi tidak aman (selain gambar)
Halaman HTTPS mengalihkan pengguna ke atau melalui halaman HTTP
Halaman HTTPS memiliki rel="canonical" link ke halaman HTTP

Meskipun sistem kami lebih memilih halaman HTTPS daripada halaman HTTP secara default, Anda dapat memastikan perilaku ini dengan melakukan salah satu tindakan berikut

Tambahkan pengalihan dari halaman HTTP ke halaman HTTPS
Tambahkan rel="canonical" link dari halaman HTTP ke halaman HTTPS
Terapkan HSTS

Untuk mencegah Google salah membuat halaman HTTP kanonis, hindari praktik berikut

Hindari sertifikat TLS/SSL yang buruk dan pengalihan HTTPS-ke-HTTP karena menyebabkan Google lebih memilih HTTP dengan sangat kuat. Menerapkan HSTS tidak dapat mengesampingkan preferensi yang kuat ini

Jangan sertakan versi HTTP laman Anda di peta situs atau

<html>
  <head>
    <title>Explore the world of dresses</title>
    <link rel="alternate" media="only screen and (max-width: 640px)"  href="https://m.example.com/dresses/green-dresses">
    <link rel="canonical" href="https://example.com/dresses/green-dresses" />
    <!-- other elements -->
  </head>
  <!-- rest of the HTML -->

2 anotasi, bukan versi HTTPS

Hindari penerapan sertifikat SSL/TLS Anda untuk varian host yang salah. Misalnya, https://example.com/dresses/cocktail?gclid=ABCD_4 melayani sertifikat untuk https://example.com/dresses/cocktail?gclid=ABCD5. Sertifikat harus cocok dengan URL situs lengkap Anda, atau berupa sertifikat karakter pengganti yang dapat digunakan untuk beberapa subdomain di satu domain

Lebih suka URL dalam <html> <head> <title>Explore the world of dresses</title> <link rel="alternate" media="only screen and (max-width: 640px)" href="https://m.example.com/dresses/green-dresses"> <link rel="canonical" href="https://example.com/dresses/green-dresses" />  </head> 2 kluster

Untuk membantu upaya pelokalan situs, untuk tujuan kanonikalisasi, Google lebih memilih URL yang merupakan bagian dari

<html>
  <head>
    <title>Explore the world of dresses</title>
    <link rel="alternate" media="only screen and (max-width: 640px)"  href="https://m.example.com/dresses/green-dresses">
    <link rel="canonical" href="https://example.com/dresses/green-dresses" />
    <!-- other elements -->
  </head>
  <!-- rest of the HTML -->

2 kluster. Misalnya, jika https://example.com/dresses/cocktail?gclid=ABCD8 dan https://example.com/dresses/cocktail?gclid=ABCD9 saling menunjuk satu sama lain dengan anotasi

<html>
  <head>
    <title>Explore the world of dresses</title>
    <link rel="alternate" media="only screen and (max-width: 640px)"  href="https://m.example.com/dresses/green-dresses">
    <link rel="canonical" href="https://example.com/dresses/green-dresses" />
    <!-- other elements -->
  </head>
  <!-- rest of the HTML -->

2, tetapi tidak ke https://example.com/dresses/cocktail?gclid=ABCD1, halaman untuk https://example.com/dresses/cocktail?gclid=ABCD2 dan https://example.com/dresses/cocktail?gclid=ABCD3 akan lebih disukai sebagai kanonis daripada halaman https://example.com/dresses/cocktail?gclid=ABCD4 yang tidak _____ muncul di __2 klaster

Bagaimana cara mengirimkan halaman yang sama dalam bentuk HTML?

Bagaimana Anda tetap berada di halaman yang sama setelah mengirimkan formulir dalam HTML? . leave action empty ( action=”” ) into the form tag, or leave it out altogether.

Bagaimana cara menampilkan formulir di halaman yang sama ketika saya mengklik tombol di atasnya?

Cara mendapatkan tombol untuk menautkan ke formulir di halaman yang sama .

Tambahkan bidang teks kaya di atas formulir di halaman Anda

Klik area teks di sebelah kiri dan pilih Sisipkan > Jangkar

Beri nama jangkar. .

Setelah membuat jangkar Anda, buka tombol dan pilih Tautkan ke Eksternal

Ketik # (nama jangkar Anda)

Bagaimana cara menampilkan hasil pada halaman yang sama menggunakan javascript?

Untuk melakukannya, Anda perlu menyiapkan elemen dengan ID hasil . Baris kode ini memanggil fungsi getElementByID untuk mendapatkan elemen, yang kemudian memungkinkan Anda mengubah properti innerHTML-nya. Elemen yang Anda tetapkan untuk ini dapat berupa apa pun yang Anda inginkan.

Bagaimana cara menampilkan data formulir dalam HTML?

Atribut formtarget menentukan nama atau kata kunci yang menunjukkan tempat menampilkan respons yang diterima setelah mengirimkan formulir . Atribut formtarget menimpa atribut target dari elemen