<!-- UTF-8 編碼 -->
<meta charset="UTF-8">
<!-- RWD 聲明 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- IE 使用最新瀏覽器 -->
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- 約 470px 左右的長度,語言不同長度自行拿捏 -->
<title>我是專案標題</title>
<!-- 網頁描述,長度約標題的 2.5 倍 -->
<meta name="description" content="我是網頁描述">
<!-- 網頁的 favicon,可使用 ico 或是 png 檔 -->
<link rel="icon" type="image/x-icon" href="https://XXXX.com/favicon.ico">
<link rel="icon" type="image/png" href="https://XXXX.com/favicon.png">
<!-- Apple Touch Icon -->
<link rel="apple-touch-icon" href="/XXXX-icon.png">
<!-- 給 FB 看的屬性標籤 -->
<meta property="og:title" content="標題">
<meta property="og:type" content="類型">
<meta property="og:description" content="描述">
<meta property="og:site_name" content="網站名稱">
<meta property="og:locale" content="zh_TW">
<meta property="og:url" content="https://XXXX.com/XXXX.html">
<meta property="og:image" content="https://XXXX.com/image.jpg">
<!-- 給 Twitter 看的屬性標籤 -->
<meta name="twitter:card" content="類型">
<meta name="twitter:title" content="標題">
<meta name="twitter:description" content="描述">
<meta name="twitter:site" content="帳號">
<meta name="twitter:creator" content="作者">
<meta name="twitter:url" content="https://XXXX.com/XXXX.html">
<meta name="twitter:image" content="https://XXXX.com/XXXX.jpg">
另外可以使用以下工具查看結果:
Facebook 開發者工具
Twitter 開發者工具
使用語意化的標籤使結構完整,不要整個網站都使用 div 標籤
如不清楚 HTML 標籤,可參考 HTML 標籤列表
使用 GA 可以進一步觀察使用者,抓出使用者如何進入網站、目標客群、行為流程...等等
分析之後可以進一步瞭解需要加強的地方
有時候看到 FB 連過來的網址參數會有 /?fbclid=XXXXXXXX
,這是 FB 的 Cookie機制導致,但這會讓同一篇文章變成不同的網址,讓資料很難檢視,這時可以用 GA 的篩選器將他過濾掉
管理
→ 所有篩選器
→ 新增篩選器
自訂
收尋與取代
請求URI
fbclid=[^&]*&?
,取代字串為空管理
→ 資源設定
→ Search Console
進行設定使用結構化測試工具將網頁資料進行結構化也有助於 SEO 的提高
另外亦可以使用 itemprop 來進行結構化資料,可參考 schema.org
可於根目錄新增 robots.txt 檔案,並根據 Google 文檔進行設定,爬蟲會依照此文件規則執行,將你不想被收錄的網站排除掉
以上是小弟這幾天搜尋的資料內容,如有錯誤或其他方法歡迎指教~