Untuk mengoptimumkan kesan perkongsian SEO dan media sosial laman web, tag meta HTML harus ditetapkan dengan betul. Langkah-langkah khusus adalah seperti berikut: 1. Set tag meta yang berkaitan dengan SEO, termasuk tag yang mengandungi kata kunci dan tidak lebih daripada 60 aksara, maklumat penerangan yang menarik klik dan kawalan <meta name="description"> Tag kira-kira 160 perkataan, dan tambahkan <meta name="viewport"> untuk meningkatkan pengalaman mudah alih; 2. Konfigurasi tag meta yang biasa digunakan pada perkongsian media sosial, seperti OG: Title, OG: Description, OG: Imej, OG: URL dan OG: Jenis dalam protokol graf terbuka, serta Twitter: Tag Kad untuk Kad Twitter, untuk memastikan tajuk yang sesuai, penerangan dan gambar dipaparkan apabila berkongsi; 3. Beri perhatian kepada penggunaan alat penyahpepijatan, seperti alat debugger dan alat pengesahan Twitter Facebook menyemak data cache dan merangkak, sambil memastikan bahawa format imej adalah JPG atau PNG, pautan itu boleh diakses secara terbuka, dan menambah atribut ALT untuk meningkatkan toleransi dan aksesibiliti. Jika menggunakan sistem CMS, disyorkan untuk memeriksa secara manual sama ada kandungan tag yang dihasilkan adalah tepat.

Pengoptimuman enjin carian (SEO) dan perkongsian media sosial kelihatan agak teknikal, tetapi sebenarnya, bermula dengan tag meta HTML dapat menyelesaikan kebanyakan masalah. Walaupun tag kecil ini tersembunyi dalam kod laman web, mereka boleh memberitahu enjin carian dan platform sosial: apa halaman anda untuk, tajuk dan perihalan apa yang harus dipaparkan, dan gambar yang hendak digunakan untuk memaparkannya. Jika anda mengkonfigurasi dengan betul, bukan sahaja kedudukan carian dapat diperbaiki, tetapi yang lain juga akan lebih baik apabila berkongsi laman web anda.

Tetapan Tag Meta asas

Tag meta yang berkaitan dengan SEO adalah <title></title> , <meta name="description"> dan beberapa maklumat tambahan lain. Fungsi mereka adalah untuk memaparkan kandungan yang menarik dalam hasil carian dan membantu pengguna membuat keputusan sama ada untuk mengklik atau tidak.

• Tag <title></title> adalah salah satu elemen SEO yang paling penting dari laman web anda. Ia harus mengandungi kata kunci utama dan dikawal dalam 60 aksara.
• <meta name="description"> adalah ringkasan halaman pendek. Walaupun ia tidak menjejaskan ranking, ia akan menjejaskan kadar klik. Adalah disyorkan untuk menulis dengan jelas dan menarik, dan panjangnya dikawal sekitar 160 perkataan.
• Anda boleh menambah <meta name="viewport"> untuk memastikan keramahan mudah alih, yang juga mempunyai manfaat tidak langsung untuk SEO.

Contohnya:

 <tirtment> bagaimana untuk mengoptimumkan laman web SEO dengan tag meta - panduan praktikal </tajuk>
<meta name = "Description" content = "Artikel ini memperkenalkan secara terperinci bagaimana untuk meningkatkan prestasi SEO dan kesan perkongsian media sosial laman web melalui tag meta HTML.">

Tag meta yang biasa digunakan di media sosial

Jika anda mahu orang lain menyalin pautan untuk menyiarkannya ke Facebook, Twitter atau WeChat momen dan secara automatik membawa gambar, tajuk dan penerangan yang baik, kemudian gunakan tag meta graf terbuka dan kad Twitter.

Open Graph adalah protokol yang dilancarkan oleh Facebook dan kini disokong oleh kebanyakan platform sosial. Anda perlu menambah tag berikut:

• og:title - Title dipaparkan semasa berkongsi
• og:description - Penerangan ringkas
• og:image - Pautan Imej, Saiz 1200x630 Pixel yang Disyorkan
• og:url - alamat sebenar halaman
• og:type - Jenis halaman, seperti artikel, laman web, dll.

Twitter mempunyai twitter:card , yang boleh menentukan gaya kad secara berasingan:

 <meta property = "og: title" content = "html meta tag configuration Guide">
<meta property = "og: description" content = "mengajar anda cara menggunakan tag meta untuk mengoptimumkan SEO dan perkongsian sosial">
<meta property = "og: image" content = "https://example.com/preview.jpg">
<meta property = "og: url" content = "https://example.com/meta-tags-guide">
<meta name = "twitter: card" content = "summary_large_image">

Nota dan Soalan Lazim

Kadang -kadang walaupun anda menulis tag meta, media sosial masih tidak dapat menangkap maklumat yang betul. Ini biasanya disebabkan oleh cache atau ketidakcocokan jalan.

• Debugger dengan Alat : Facebook telah berkongsi Debugger , dan Twitter juga mempunyai alat pengesahan yang sama yang boleh memaksa menyegarkan semula cache dan melihat data yang sedang merangkak.
• Keperluan Format Imej : Adalah disyorkan untuk menggunakan format JPG atau PNG. Pautan imej mestilah URL lengkap yang boleh diakses secara umum, bukan jalan relatif atau fail tempatan.
• Jangan terlepas atribut Alt : Walaupun ia bukan tag meta, jika imej gagal dimuatkan, teks alt juga boleh memberikan arahan asas untuk meningkatkan kebolehcapaian dan toleransi kesalahan.

Sesetengah sistem CMS (seperti WordPress) secara automatik akan menghasilkan tag meta ini, tetapi kandungan lalai mungkin tidak cukup tepat. Adalah disyorkan untuk memeriksa secara manual kod sumber HTML untuk mengesahkan sama ada kandungan tag memenuhi jangkaan.

Pada dasarnya itu sahaja. Walaupun tag meta tidak besar, ia boleh menjadikan laman web anda lebih profesional dan menarik ketika mencari dan berkongsi. Tidak rumit tetapi mudah diabaikan.

Atas ialah kandungan terperinci Mengkonfigurasi SEO dan perkongsian sosial dengan tag meta html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!