LINE 分享連結網站縮圖標題錯誤、無法顯示?PagePoker 可強制更新

LINE 分享連結網站縮圖標題錯誤、無法顯示?PagePoker 可強制更新

當使用者將網址複製、貼上 LINE 時會在對話視窗顯示網頁標題、描述和縮圖,這些資訊是從頁面的 Open Graph 標籤抓取而來,簡單來說,網頁開發者會透過 Open Graph 標籤指定網站標題、說明、固定網址、語言和圖片鏈結等資訊,讓搜尋引擎、社群網站或即時通訊軟體使用這段內容來呈現出預覽效果,因此完善 Open Graph 標籤資訊很重要,有助於讓網頁在各種平台顯示正確資訊。

Meta Tag Generator 網站資訊標籤產生器,為搜尋媒體和社群網路最佳化

Meta Tag Generator 網站資訊標籤產生器,為搜尋媒體和社群網路最佳化

對我來說,要讓網站在搜尋引擎取得好的排名表現,把程式碼寫正確是首要任務,因此我相當重視 Google 之前釋出的「搜尋引擎最佳化入門指南」說明文件,如果你對於開發網站有興趣,或是工作也會碰到相關內容,之前推薦過「HEAD 網頁開發參考手冊」很有用,它收錄 HTML5 在會出現的各種元件和使用範例,幫助開發者寫出更為完整全面的網頁標頭,對不想要翻找艱澀繁瑣說明文件的朋友 HEAD 也直接給出最基本的標頭範例。

Metatags.io 線上預覽、編輯產生對應的 Meta 標籤

Metatags.io 線上預覽、編輯並產生對應的 Meta 標籤

無論搜尋引擎或常見的社群網站都會內建「鏈結預覽」功能,當使用者搜尋或貼上鏈結時會自動去抓取該網站相關資訊,例如標題、說明或縮圖等等,如果沒有進行任何設定那麼會選擇系統判斷最適合的部份,但透過設定網頁中的 Meta Tags 可以指定你要的內容,對於搜尋引擎最佳化(SEO)也有正面影響。之前曾介紹過「Mega Tags」(兩個名詞有點像)是一款 META 標籤產生器,能針對各種社群媒體建立適當的標籤原始碼。

Mega Tags 最完整社群媒體 META 標籤產生器,Facebook 社群經營必備

Mega Tags 最完整社群媒體 META 標籤產生器,Facebook 社群經營必備

如果你是經營網站、部落格的站長,一定知道搜尋引擎最佳化(SEO)對網站流量的重要性,這幾年隨著社群網路逐漸蓬勃發展,也開始出現所謂「社群媒體最佳化」(Social Media Optimization,簡稱 SMO)操作方法。既然 SEO 之於搜尋引擎,SMO 當然就是針對流量極高的社群網站。不過這兩者作法大相逕庭,但共同之處在於盡可能提供更明確、易讀的資訊,如果應用在社交網路,最簡單的作法就是完善網站必要的 META 標籤。