Rumah >hujung hadapan web >tutorial js >NgSysV.SEO (Pengoptimuman Enjin Carian)

NgSysV.SEO (Pengoptimuman Enjin Carian)

Barbara Streisand
Barbara Streisandasal
2024-12-02 15:47:10544semak imbas

NgSysV.SEO (Search Engine Optimisation)

Siri siaran ini diindeks di NgateSystems.com. Anda akan temui kemudahan carian kata kunci yang sangat berguna di sana juga.

Semakan terakhir: Nov '24

1. Pengenalan

Sebaik sahaja anda menggunakan aplikasi anda ke dalam Awan Google, ia menjadi sasaran untuk "labah-labah web" yang meronda web untuk mencari kandungan untuk ditambahkan pada kata kunci "indeks" mereka. Setelah tapak anda diindeks, orang mungkin melihatnya dalam pengembalian Enjin Carian.

Ini bagus jika semuanya berfungsi. Enjin carian akan memacu perniagaan ke arah anda dan tidak akan mengenakan bayaran sesen pun kepada anda. Tetapi dalam amalan, anda perlu menggalakkan labah-labah untuk mengindeks tapak anda dengan jelas. Inilah yang dimaksudkan dengan "pengoptimuman enjin carian" (pendek kata SEO) - .

Mendapatkan SEO yang baik untuk tapak anda melibatkan:

  • Menyediakan peta laman untuk membantu labah-labah menavigasi tapak anda
  • Menggunakan SSR (Pemarahan sisi pelayan) dan Prapemarahan untuk menjadikan "belanjawan merangkak" anda pergi lebih jauh
  • Membantu bot untuk mencari kandungan "layak indeks" yang berguna dalam halaman anda

2. Menyediakan fail peta laman dan robot untuk membimbing labah-labah web

Tapak anda harus menyediakan fail peta laman yang menyenaraikan semua laluan yang anda mahu Google (dan enjin carian lain) indeks. Labah-labah mengindeks biasanya akan menemuinya, dengan syarat halaman dalam hierarki "pokok" tapak anda dipautkan dengan betul melalui pautan sauh. Tetapi, masalah mungkin timbul jika tapak anda besar atau baharu dan masih kurang dirujuk oleh tapak lain.

Masalah ini diselesaikan dengan mencipta fail "peta tapak". Peta tapak boleh diformat dalam beberapa cara, tetapi paling mudah, enjin pengindeksan akan gembira dengan fail teks ringkas yang menyenaraikan halaman anda seperti berikut:

// /static/sitemap.txt    - Don't copy this line
https://myProjectURL/inventory-display
https://myProjectURL/inventory-maintenance
etc

Perhatikan perkara berikut:

  • Halaman yang digunakan pada enjin apl Google diperuntukkan secara automatik dengan URL https (disulitkan)
  • "myProjectURL" berkemungkinan besar akan menjadi URL "tersuai" yang telah anda pautkan secara eksplisit ke URL pelaksanaan anda.
  • Anda hanya perlu menambah sambungan pada URL "bersih" yang ditunjukkan di atas jika ini adalah fail ".pdf" statik atau serupa.
  • Peta laman teks boleh dipanggil apa sahaja yang anda suka, tetapi kebiasaan untuk memanggilnya "peta tapak.txt". Walau bagaimanapun, dalam aplikasi web Svelte, anda mesti menyimpannya dalam folder statik projek anda supaya ia terbina dalam fail yaml anda dan digunakan pada akar apl web anda.

Fail robot menyediakan "rakan kongsi" kepada fail peta tapak yang:

  • Menyekat labah-labah tertentu: Anda boleh menyekat perangkak web tertentu daripada mengakses bahagian tertentu tapak anda.
  • Menyekat direktori tertentu: Sebagai contoh, anda mungkin menyekat /admin/ atau /private/ untuk memastikan halaman tersebut daripada indeks enjin carian.
  • Menentukan lokasi peta tapak.

Ini contohnya

// /static/sitemap.txt    - Don't copy this line
https://myProjectURL/inventory-display
https://myProjectURL/inventory-maintenance
etc

Dalam projek Svelte, fail robots.txt (nama fail wajib) mesti disimpan dalam fail /static/robots.txt.

Anda boleh menyemak sama ada fail robots.txt dan sitemap.txt anda digunakan dengan betul ke akar URL projek anda dengan cuba melihatnya menggunakan penyemak imbas anda:

Setiap URL berikut yang dimasukkan ke dalam kotak "carian" penyemak imbas harus bertindak balas dengan memaparkan kandungan fail.

// /static/robots.txt     - Don't copy this line
User-agent: *
Disallow: https://myProjectURL/inventory-maintenance
Sitemap: https://myProjectURL/sitemap.txt

Maklumat lanjut tentang semua isu ini boleh didapati di Ketahui tentang peta laman

Setelah anda berjaya menggunakan peta laman anda, anda mungkin mendapati ia berguna untuk memberi "kepala" kepada Google dengan menyerahkan peta tapak ke Konsol Carian Google.

Anda bermula di sini dengan mendaftarkan "pengetua" - iaitu URL tapak anda. Ini melibatkan menjalankan prosedur yang membolehkan anda memastikan Google bahawa anda memiliki tapak tersebut. Prosedur bermula dengan konsol memuat turun fail "pengesahan tapak" ke dalam folder "muat turun" anda. Anda mesti menyalin ini ke dalam folder statik Svelte anda dan membina semula/mengatur semula aplikasi web anda untuk memuat naik fail ke tapak jauh anda. Jika Google boleh menemui fail dengan kandungan yang dijangkakan apabila anda mengklik butang "Sahkan" pada skrin pengesahan, ia akan berpuas hati bahawa anda benar-benar pemiliknya.

Mengklik pada alat "peta laman" dalam menu di sebelah kiri skrin kini akan membolehkan anda memasukkan URL peta laman anda (peta tapak.txt) dan mendapat status "kejayaan" dalam tetingkap Peta Laman yang Diserahkan

Konsol Carian ialah alat yang canggih untuk memantau kemajuan pengindeksan di tapak anda dan menyelesaikan sebarang masalah yang mungkin telah dilaporkan. Lihat Bermula dengan Konsol Carian untuk mendapatkan butiran lanjut

3. Menggunakan "Pemarahan sisi pelayan" dan "Prapemarahan" untuk menjadikan "belanjawan merangkak" anda pergi lebih jauh

Walaupun, dalam beberapa tahun kebelakangan ini, enjin carian telah menjadi lebih baik dalam mengindeks kandungan yang diberikan dengan JavaScript sisi pelanggan, mereka lebih gembira dengan halaman yang mengandungi HTML sahaja. Kandungan yang diberikan sebelah pelayan (SSR) (iaitu halaman yang HTMlnya telah dijana dengan menjalankan javascript akses pangkalan data pada pelayan) diindeks dengan lebih kerap dan boleh dipercayai. Tiada sesiapa kecuali Google yang tahu cara enjin pengindeksan mereka berfungsi, tetapi tekaan munasabah berjalan seperti ini.

Pertama, apl web anda dianugerahkan "peringkat tapak" (ditentukan dalam cara yang tidak jelas, tetapi mungkin dipengaruhi oleh bilangan "pautan balik" pada tapak yang merujuk URL anda). Ini seterusnya memberi anda "belanjawan merangkak" tertentu - jumlah masa enjin pengindeksan bersedia untuk menghabiskan mengindeks halaman anda. Anda pasti mahu berbelanja dengan bijak. Penyajian sebelah pelayan memudahkan beban kerja bot dan menjadikan belanjawan anda pergi lebih jauh. Jadi, jika anda mahukan SEO yang baik anda harus menggunakan SSR!

Ungkapan muktamad pemaparan bahagian perkhidmatan ialah halaman "statik" - halaman yang memaparkan data yang sama ada tidak pernah berubah atau jarang berubah - dipaparkan pada masa bina dengan kehadiran pernyataan berikut kepada fail page.js atau page.server.jsnya:

// /static/sitemap.txt    - Don't copy this line
https://myProjectURL/inventory-display
https://myProjectURL/inventory-maintenance
etc

Oleh kerana pelayan kini hanya perlu memuat turun HTML tulen, belanjawan rangkak anda pergi lebih jauh dan pengguna anda menerima respons sepantas kilat! Lihat Siaran 4.3 untuk mendapatkan butiran tentang susunan untuk mengautomasikan binaan prapemarahan menggunakan penjadual.

4. Membantu bot untuk mencari kandungan "layak indeks" yang berguna dalam halaman anda

Dokumen Google di Gambaran Keseluruhan topik rangkak dan pengindeksan mengandungi semua yang anda ketahui. Berikut ialah ringkasan:

Pertama sekali, anda perlu memahami dasar "Mudah alih didahulukan" Google. Labah-labah Google akan menganalisis tapak anda kerana ia akan dilihat oleh penyemak imbas yang berjalan pada telefon mudah alih. Ini bermakna ia akan menurunkan taraf "reputasi" tapak anda (dan belanjawan rangkaknya) jika menganggap, sebagai contoh, saiz fon anda terlalu kecil.

Jika apl web anda telah direka untuk pengguna desktop, ini akan mendatangkan tamparan kepada anda. Cuba tapak anda pada telefon anda dan anda mungkin akan membuat kesimpulan bahawa ia sama sekali tidak berguna.

Cara keluar daripada ini adalah dengan menggunakan "penggayaan responsif" (lihat Siaran 4.4 supaya apl web mengesan lebar halaman peranti yang sedang dijalankan dan melaraskan perkara dengan sewajarnya.

Mungkin sebahagian apl web anda tidak sesuai untuk pengendalian tapak web. Anda mungkin berusaha untuk mengalih keluar ini, tetapi Google akan mengingatkan anda bahawa kebanyakan pengindeksannya datang daripada halaman mudah alih. Mereka mengesyorkan anda menyembunyikan kandungan sedemikian di sebalik tab atau "akordion".

Apa yang paling dicari oleh labah-labah web ialah kandungan - maklumat yang akan didapati berguna oleh pelanggan enjin carian. Tetapi mereka memerlukan bantuan anda dalam mencari dan mentafsir perkara ini. Berikut ialah beberapa petua tentang cara anda boleh melakukan ini@

  • Berikan setiap halaman yang ditulis dengan baik dan unik , <meta name="description" content=" ... "> dan <pautan> elemen di dalam <svelte:head> blok kod. Berikut ialah contoh: </li> </ul> <pre class="brush:php;toolbar:false">// /static/robots.txt - Don't copy this line User-agent: * Disallow: https://myProjectURL/inventory-maintenance Sitemap: https://myProjectURL/sitemap.txt </pre> <p><em>Susunan ini mewakilkan kepada Svelte tugas yang janggal untuk memasukkan <title>, <meta> dan <pautan> unsur <kepala> ke dalam DOM. <pautan> elemen di sini memberitahu bot pengindeksan yang "jenama" tapak web yang mungkin boleh dicapai dalam pelbagai cara sebagai "https://myUrl" dan "https://myUrl/" dsb, dll ialah versi "utama" atau "pilihan". Minta chatGPT untuk mendapatkan tutorial tentang perkataan "canonical" jika anda mahukan cerita penuh.</em> </p> <ul> <li>Pastikan bahawa kandungan teks <a> pautan anchor jelas menerangkan kandungan halaman yang dipautkan atau (jika ini tidak praktikal) ditambah dengan teg title=. Gunakan URL mutlak dalam teg href= (iaitu yang merangkumi semua komponennya). Berikut adalah contoh </li> </ul> <pre class="brush:php;toolbar:false">// /static/sitemap.txt - Don't copy this line https://myProjectURL/inventory-display https://myProjectURL/inventory-maintenance etc </pre> <ul> <li>Gunakan perihalan data "berstruktur" dalam tapak (seperti tapak "resipi") yang memaparkan kelas maklumat tetap dalam format yang ditetapkan dengan ketat. "Data berstruktur" dalam konteks ini merujuk kepada format piawai untuk menyediakan maklumat tentang halaman dan mengklasifikasikan kandungannya. Format yang paling biasa untuk data berstruktur di web ialah format yang diterbitkan oleh schema.org. Tanya chatGPT untuk contoh jika anda ingin mengetahui lebih lanjut tentang perkara ini dan cara anda menggunakan data berstruktur dalam aplikasi web Svelte. </li> </ul> <p>Atas ialah kandungan terperinci NgSysV.SEO (Pengoptimuman Enjin Carian). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!</p></div><div class="nphpQianMsg"><a href="javascript:void(0);">JavaScript</a> <a href="javascript:void(0);">html</a> <a href="javascript:void(0);">Static</a> <a href="javascript:void(0);">if</a> <a href="javascript:void(0);">for</a> <a href="javascript:void(0);">while</a> <a href="javascript:void(0);">format</a> <a href="javascript:void(0);">try</a> <a href="javascript:void(0);">using</a> <a href="javascript:void(0);">private</a> <a href="javascript:void(0);">copy</a> <a href="javascript:void(0);">map</a> <a href="javascript:void(0);">JS</a> <a href="javascript:void(0);">console</a> <a href="javascript:void(0);">number</a> <a href="javascript:void(0);">dom</a> <a href="javascript:void(0);">this</a> <a href="javascript:void(0);">location</a> <a href="javascript:void(0);">href</a> <a href="javascript:void(0);">database</a> <a href="javascript:void(0);">chatgpt</a> <a href="javascript:void(0);">https</a> <a href="javascript:void(0);">everything</a> <a href="javascript:void(0);">Access</a> <a href="javascript:void(0);">SEO</a> <a href="javascript:void(0);">word</a> <a href="javascript:void(0);">Other</a><div class="clear"></div></div><div class="nphpQianSheng"><span>Kenyataan:</span><div>Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn</div></div></div><div class="nphpSytBox"><span>Artikel sebelumnya:<a class="dBlack" title="Bagaimana untuk Melaksanakan Rendering Bersyarat dalam ReactJS Menggunakan Logik if-else?" href="https://m.php.cn/ms/faq/1796704551.html">Bagaimana untuk Melaksanakan Rendering Bersyarat dalam ReactJS Menggunakan Logik if-else?</a></span><span>Artikel seterusnya:<a class="dBlack" title="Bagaimana untuk Melaksanakan Rendering Bersyarat dalam ReactJS Menggunakan Logik if-else?" href="https://m.php.cn/ms/faq/1796704561.html">Bagaimana untuk Melaksanakan Rendering Bersyarat dalam ReactJS Menggunakan Logik if-else?</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Artikel berkaitan</h2><em><a href="https://m.php.cn/ms/article.html" class="bBlack"><i>Lihat lagi</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/ms/faq/1609.html" title="Analisis mendalam bagi komponen kumpulan senarai Bootstrap" class="aBlack">Analisis mendalam bagi komponen kumpulan senarai Bootstrap</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ms/faq/1640.html" title="Penjelasan terperinci tentang fungsi JavaScript kari" class="aBlack">Penjelasan terperinci tentang fungsi JavaScript kari</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ms/faq/1949.html" title="Contoh lengkap penjanaan kata laluan JS dan pengesanan kekuatan (dengan muat turun kod sumber demo)" class="aBlack">Contoh lengkap penjanaan kata laluan JS dan pengesanan kekuatan (dengan muat turun kod sumber demo)</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ms/faq/2248.html" title="Angularjs menyepadukan UI WeChat (weui)" class="aBlack">Angularjs menyepadukan UI WeChat (weui)</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ms/faq/2351.html" title="Cara cepat bertukar antara Cina Tradisional dan Cina Ringkas dengan JavaScript dan helah untuk tapak web menyokong pertukaran antara kemahiran_javascript Cina Ringkas dan Tradisional" class="aBlack">Cara cepat bertukar antara Cina Tradisional dan Cina Ringkas dengan JavaScript dan helah untuk tapak web menyokong pertukaran antara kemahiran_javascript Cina Ringkas dan Tradisional</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!</p></div><div class="footermid"><a href="https://m.php.cn/ms/about/us.html">Tentang kita</a><a href="https://m.php.cn/ms/about/disclaimer.html">Penafian</a><a href="https://m.php.cn/ms/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了,就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>