NgSysV.SEO（搜尋引擎優化）

此貼文系列已在 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

這種安排將插入

• 確保的文字內容是錨連結清楚地描述了連結頁面的內容，或者（如果這不切實際）由 title= 標籤補充。在 href= 標籤中使用絕對 URL（即包含其所有元件的 URL）。這是一個例子

// /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中文網其他相關文章！