首頁 >web前端 >js教程 >NgSysV.SEO(搜尋引擎優化)

NgSysV.SEO(搜尋引擎優化)

Barbara Streisand
Barbara Streisand原創
2024-12-02 15:47:10501瀏覽

NgSysV.SEO (Search Engine Optimisation)

此貼文系列已在 NgateSystems.com 建立索引。您還可以在那裡找到超級有用的關鍵字搜尋工具。

最後評論:24 年 11 月

一、簡介

將應用程式部署到 Google Cloud 後,它就會成為「網路蜘蛛」的目標,這些蜘蛛在網路上巡邏以搜尋內容以添加到其關鍵字「索引」中。一旦您的網站被編入索引,人們可能會在搜尋引擎返回中看到它。

如果一切正常的話那就太好了。搜尋引擎會將業務推向您的方向,並且不會向您收取一分錢。但在實踐中,您必須鼓勵蜘蛛將您的網站顯著索引。這就是「搜尋引擎優化」(簡稱SEO)的全部內容 - .

為您的網站獲得良好的 SEO 涉及:

  • 提供網站地圖以幫助蜘蛛導航您的網站
  • 利用SSR(伺服器端渲染)和預先渲染讓你的「抓取預算」走得更遠
  • 幫助機器人在您的頁面中找到有用的「值得索引」的內容

2. 提供網站地圖和機器人檔案來引導網路蜘蛛

您的網站應提供一個網站地圖文件,其中列出了您希望Google(和其他搜尋引擎)索引的所有路線。無論如何,索引蜘蛛通常都會發現它們,前提是網站「樹」層次結構中的頁面透過 正確連結。錨鏈接。但是,如果您的網站很大或很新,但其他網站的引用仍然很差,則可能會出現問題。

這些問題可以透過建立「網站地圖」檔案來解決。網站地圖可以透過多種方式進行格式化,但最簡單的是,索引引擎會滿意於一個簡單的文字文件,該文件列出了您的頁面,如下所示:

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

注意以下事項:

  • 部署到 Google 應用程式引擎的頁面會自動設定 https(加密)URL
  • 「myProjectURL」很可能是您已明確連結到部署 URL 的「自訂」URL。
  • 如果這些是靜態「.pdf」文件或類似文件,您只需向上面顯示的「乾淨」URL 新增副檔名。
  • 文字網站地圖可以隨意命名,但習慣上稱為「sitemap.txt」。但是,在 Svelte Web 應用程式中,您必須將其儲存在專案的靜態資料夾中,以便將其內建到 yaml 檔案中並部署到 Web 應用程式的根目錄。

機器人檔案為網站地圖檔案提供了一個「夥伴」:

  • 封鎖特定蜘蛛:您可以阻止某些網路爬蟲造訪您網站的某些部分。
  • 阻止特定目錄:例如,您可以阻止 /admin/ 或 /private/ 以使這些頁面遠離搜尋引擎索引。
  • 指定站點地圖的位置。

這是一個例子

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

在 Svelte 專案中,robots.txt 檔案(強製檔案名稱)必須儲存在 /static/robots.txt 檔案中。

您可以嘗試使用瀏覽器查看 robots.txt 和 sitemap.txt 文件,以檢查它們是否已正確部署到專案的 URL 根目錄:

在瀏覽器的「搜尋」框中輸入的以下每個 URL 都應透過顯示檔案內容來回應。

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

有關所有這些問題的更多信息,請參閱了解站點地圖

成功部署網站地圖後,您可能會發現透過將網站地圖提交到 Google Search Console 向 Google 提供「提醒」很有用。

您首先要註冊一個「主體」-也就是您網站的 URL。這涉及到運行一個程序,使您能夠向 Google 保證您擁有該網站。這個過程首先由控制台將“網站驗證”檔案下載到“下載”資料夾中。您必須將其複製到 Svelte 靜態資料夾中,並重建/重新部署您的 Web 應用程式以將檔案上傳到遠端網站。當您點擊身份驗證畫面上的「驗證」按鈕時,如果 Google 可以找到包含其期望內容的文件,那麼它就會確信您確實是所有者。

點擊螢幕左側選單中的「網站地圖」工具,您現在可以輸入網站地圖 URL (sitemap.txt),並在「提交的網站地圖」視窗中獲得「成功」狀態

Search Console 是一款複雜的工具,用於監控網站索引編制進度並解決可能報告的任何問題。請參閱 Search Console 入門了解更多詳細資訊

3.利用「服務端渲染」和「預渲染」讓你的「抓取預算」走得更遠

雖然近年來,搜尋引擎在對使用客戶端 JavaScript 呈現的內容進行索引方面做得越來越好,但它們更喜歡僅包含 HTML 的頁面。伺服器端渲染 (SSR) 內容(即,其 HTMl 已透過在伺服器上執行資料庫存取 JavaScript 產生的頁面)的索引更加頻繁且可靠。除了谷歌之外沒有人知道他們的索引引擎是如何運作的,但合理的猜測是這樣的。

首先,您的網頁應用程式會獲得「網站排名」(以一種晦澀的方式確定,但可能受到引用您的 URL 的網站上的「反向連結」數量的影響)。這反過來又會給您一定的「抓取預算」——索引引擎準備花在對頁面進行索引上的時間量。你會想要明智地使用這筆錢。伺服器端渲染減輕了機器人的工作量,讓您的預算更進一步。所以,如果你想要良好的 SEO,你應該使用 SSR!

服務端渲染的最終表達是「靜態」頁面- 顯示從不更改或很少更改的資料的頁面- 透過以下語句在build 時渲染它的page.js 或page.server .js 檔案:

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

由於伺服器現在只需下載純 HTML,因此您的抓取預算會進一步增加,並且您的用戶會收到閃電般的快速回應!有關使用調度程序自動進行預渲染構建的安排的詳細信息,請參閱帖子 4.3。

4.幫助機器人在您的頁面中找到有用的「值得索引」的內容

Google 的抓取和索引主題概述文件包含您所知道的所有內容。總結如下:

首先,您需要了解 Google 的「行動優先」政策。 Google 蜘蛛將分析您的網站,就像手機上運行的瀏覽器所看到的那樣。這意味著,如果它認為您的字體太小,則會降低您網站的「聲譽」(及其抓取預算)。

如果您的網頁應用程式是為桌面用戶設計的,這對您來說將是一個打擊。在手機上嘗試您的網站,您可能會發現它完全沒用。

解決這個問題的方法是使用「響應式樣式」(請參閱貼文 4.4,以便 Web 應用程式感知其運行裝置的頁面寬度並相應地進行調整。

您的網路應用程式的某些部分可能不適合網站操作。您可能會尋求刪除這些內容,但Google會提醒您,其大部分索引來自行動頁面。他們建議您輕輕地將此類內容隱藏在選項卡或“手風琴”後面。

網路蜘蛛主要尋找的是內容 - 搜尋引擎客戶會發現有用的資訊。但他們需要您的幫助來定位和解釋這一點。以下是一些關於如何執行此操作的提示@

  • 給每個頁面寫得良好且獨特的,和 內的元素代碼塊。這是一個例子:
// /static/robots.txt     - Don't copy this line
User-agent: *
Disallow: https://myProjectURL/inventory-maintenance
Sitemap: https://myProjectURL/sitemap.txt

這種安排將插入 、<meta> 的尷尬任務委託給了 Svelte。和 的元素進入 DOM。 這裡的元素告訴索引機器人可以透過「https://myUrl」和「https://myUrl/」等不同方式存取的網站的「品牌」是「主要」或「首選」版本。如果您想了解完整的故事,請向 chatGPT 詢問有關「規範」一詞的教程。

// /static/sitemap.txt    - Don't copy this line
https://myProjectURL/inventory-display
https://myProjectURL/inventory-maintenance
etc
  • 在網站(例如「食譜」網站)中使用「結構化」資料描述,以嚴格定義的格式顯示固定類別的資訊。本文中的「結構化資料」指的是用於提供有關頁面的資訊並對其內容進行分類的標準化格式。網路上最常見的結構化資料格式是 schema.org 發佈的格式。 如果您想了解更多相關資訊以及如何在 Svelte Web 應用程式中使用結構化數據,請向 chatGPT 詢問範例。

以上是NgSysV.SEO(搜尋引擎優化)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn