獨立網站SEO之路

名字好長的大林發表於2023-04-24
網站

關於SEO

搜尋引擎最佳化（SEO）通常指對網站的部分內容進行細微的修改。單獨來看，這些修改是非常微小的，但與其他最佳化結合後，可能會對網站的使用者體驗以及再自然搜尋
結果中的表現產生很顯著的影響。SEO旨在幫助搜尋引擎瞭解並發現相關網站內容。

簡單術語

  • 索引-搜尋引擎會將其知道的所有網頁儲存在其索引中
  • 抓取-尋找新網頁或更新後的網頁的過程
  • 抓取工具-一種從網路中抓取網頁並將網頁編入索引的自動化軟體

  • Googlebot-Google抓取工具的通用名稱

    如何確認網站是否在Google的索引中？

  • 對目標網站執行site:搜尋，如果能夠看到相關結果，則表明網站在索引中

    site:ucalendar.cn

  • 造成未能抓取到結果可能的原因

    • 此網站與其他網站緊密關聯
    • 是剛剛推出的新網站，Google未來得及抓取
    • 網站設計導致Google難以抓取
    • Google在抓取網站是收到了錯誤的資訊
    • 相關策略阻止了Google抓取網站

如何讓目標網站在Google搜尋中顯示

通常無需任何操作，只需將網站釋出到網網路上即可.瞭解抓取過程

幫助Google找到站點內容

提交站點地圖.站點地圖是網站上的一種檔案。可告知搜尋引擎網站上新增了哪些網頁
或者有哪些網頁進行了更改。同時Google也會透過其他網頁上的連線找到你的網站。瞭解網站推廣。

阻止Google抓取部分網頁

對於無關資訊，可以使用robots.txt阻止不必要的抓取；robots.txt會告訴搜尋引擎是否可以訪問該網站並抓取網站內容

// 告訴google禁止爬取img和assets資料夾下的內容

User-agent: googlebot
Disallow: /img/
Disallow: /assets/

SEO相關措施

  • 建立獨特准確的網頁標題。title會告訴使用者和搜尋引擎特定網頁的主題是什麼。

    <title>UCalendar、日曆、日程、你的日曆</title>
  • 使用meta進行標記。可以讓搜尋引擎瞭解該網頁的大致內容。網頁的標題可以是幾個詞或一句話，而網頁的meta標記可以是一兩個句子甚至一小段話。
<meta name="description" content="UCalendar,讓生活更簡單，讓工作更輕鬆;行程安排、出行計劃、工作總結的好幫手;作者林Round;">

  • 新增結構化資料標記。結構化資料是可以新增到網站網頁中的程式碼，用於想搜尋引擎描述內容，以便搜尋引擎更好的瞭解網頁上的資訊。

    {
"@context": "https://ucalendar.cn/",
  "@type": "日曆",
  "url": "https://ucalendar.cn/",
  "logo": "https://ucalendar.cn/img/UCalendar.png"
}
  • 在網站url中使用字詞

  • 為每個網頁提供僅一種訪問網址。防止將不同的使用者連結到不同的網頁中；如果發現使用者透過多個網址訪問相同的內容，可以設定一個非首選網址到主導網址的301重定向。如果無法重定向，可以使用rel="canonical"
    的link元素；

    <link rel="canonical" href="https://ucalendar.cn/" />

讓網站更加的實用

  • 提供文筆優秀、易於理解的內容
  • 合理安排內容結構，讓使用者清楚的指導內容我們不提的起止位置
  • 建立新鮮獨特的內容，吸引新的使用者
  • 針對使用者而非搜尋引擎來最佳化內容
  • 以培養使用者信任為目標
  • 彰顯專業性和權威性
  • 避免投放無關廣告
  • 投放廣告後，關注與使用廣告攔截器的使用者之間的互動
  • 定位文字提供有關連結到的網頁的基本說明
  • 儘量使用具有描述性的簡短文字
  • 設定連結格式，提高連結的識別度。從而防止使用者沒有看到或意外的點選，從而降低內容的實用性

  • 關注連結時，網站聲譽之間的影響。 如果使用第三方軟體來豐富網站的體驗及吸引使用者，
    檢查該網站是否會包含不想放到自己網站上的連結。如果無法從中移除某些垃圾連結，可以使用nofollow停止跟蹤這些連結，如果是自己為自己提供的功能或內容的連結，務必使用nofollow；

    <a href="https://www.example.com" rel="nofollow">無關連結</a>

  • 如果不希望搜尋引擎跟蹤網頁中的所有連結，可以在網頁的head標籤中新增以下內容：

    <meta name="robots" content="nofollow">
  • 如果不願意自己的網站為別的網站背書，將nofollow新增到對應的連結即可；

  • 最佳化圖片

    • 使用img或picture元素，語義標記有助於抓取工具並處理圖片；針對不同螢幕尺寸為自適應圖片指定多個選項；
    • 使用loading=lazy屬性提高使用者的網頁載入速度
    • 使用alt屬性提供檔名或說明
    • 使用圖片作為連結時，提供相關的文字說明
    • 圖片站點地圖可提供更多的與網站有關的圖片資訊

構建移動裝置網站

  • 智慧手機
  • 平板電腦
  • 多媒體手機。大多數帶有3g功能的非智慧手機

  • 非智慧手機

    選擇移動策略

  • 自適應設計推薦。使用 meta name=viewport標記告訴瀏覽器如何調整內容。

    透過同一網址提供相同的HTML程式碼，不考慮使用者所使用的裝置。這是最容易實現和維護的一種設計模式

  • 動態提供內容。

    無論使用者使用何種裝置，都使用相同的網址。這種配置依賴user-agent嗅探和Vary:user-agentHTTP
    響應頭來向不同的裝置提供不同版本的HTML

  • 單獨的網站。可以透過向網頁新增包含 rel="canonical" 和 rel="alternate" 元素的 <link> 標記，指明網址之間的關係

    利用單獨的網站向每一種裝置提供不同的html。與動態提供內容一樣，依賴user-agent和vary http標頭將使用者重定向到適合裝置的相應版本
  • 對於具有大量靜態資源（博文或商品頁）的網站，考慮使用AMP實現靜態內容

搜尋結果分析

  • 瞭解Googlebot無法抓取網站的那些部分
  • 測試及提交站點地圖
  • 分析或生成robots.txt檔案
  • 移除Googlebot已經抓取的網址
  • 指定首選網域
  • 找出title和description meta標記相關的問題
  • 瞭解Google看到的網頁外觀

  • 分析網站使用者行為

    • 瞭解使用者如何找到你的網站以及在網站上的行為
    • 發現網站上最受歡迎的內容
    • 衡量對網站所做的最佳化帶來的影響，例如更改title和description meta 標記是否提高了搜尋引擎帶來的流量

來源：https://github.com/linround/gitBook/blob/main/SEO/SEO.md

相關文章