火燒的Gmail
No Result
View All Result
  • 全部文章
  • 數位行銷
    • PTT/Dcard
    • 線上工具
    • 工作術
    • Webflow
    • WordPress
    • Google AD
    • Google Search Console
    • SEO
  • 廣告分析
    • 品牌故事
    • 娛樂新聞
  • 純文學
  • 日記
  • 手錶
  • 大人
  • 抖內支持
  • 官方商店
火燒的Gmail
  • 全部文章
  • 數位行銷
    • PTT/Dcard
    • 線上工具
    • 工作術
    • Webflow
    • WordPress
    • Google AD
    • Google Search Console
    • SEO
  • 廣告分析
    • 品牌故事
    • 娛樂新聞
  • 純文學
  • 日記
  • 手錶
  • 大人
  • 抖內支持
  • 官方商店
No Result
View All Result
No Result
View All Result

首頁 . 全部文章 . 網站技術 . Webflow . 分享Webflow網址URL給別人,卻顯示錯誤縮圖Thumbnail,語法Bug完整教學

分享Webflow網址URL給別人,卻顯示錯誤縮圖Thumbnail,語法Bug完整教學

2020/06/07 - Updated on 2020/10/18
in Webflow, 網站技術
0
SHARES
590
VIEWS

新手剛開始使用Webflow架設網站,在透過LINE或Facebook分享網址URL給朋友時,常常會發現網址附帶的縮圖Thumbnail(WordPress把它叫做精選圖片Feature Image)顯示錯誤,這種狀況特別容易發生在購買付費模板(Template)或使用免費範例樣板來架站的時候,也有可能是Webflow自動抓取頁面中最上面的圖片,而不是抓取你想要的照片。

面對這種情況,只要依照以下詳細介紹,就能透過修改語法Custom Code輕鬆調整,方法如同這篇官方英文教學。關於Webflow的完整介紹、優缺點分析,可以參見我這篇完整文章,我也會在部落格中,陸續和大家分享繁體中文圈最齊全的Webflow教學。

文章結構

  • 如何調整Webflow的URL縮圖?
    • 1. 先購買Site plans單一網站方案
    • 2. 修改Custom Code客製程式碼
    • 3. (額外)Facebook必須多一個步驟,用分享偵錯工具清除Facebook縮圖快取

如何調整Webflow的URL縮圖?

1. 先購買Site plans單一網站方案

至少要買到Basic方案,才能修改網頁語法Custom Code

2. 修改Custom Code客製程式碼

到Custom Code中的<head>區域,輸入:

<meta property=”og:image url:width” content=”1200″ />
<meta property=”og:image url:height” content=”630″ />

並且把image url改成你想要的縮圖的圖片網址,再把網站發佈Publish,這樣就大功告成了!

3. (額外)Facebook必須多一個步驟,用分享偵錯工具清除Facebook縮圖快取

Facbook的縮圖修改邏輯和LINE不同,LINE在每次分享連結給朋友的時候,都會重新抓一次網頁的縮圖;然而Facebook非常麻煩,它抓取的圖片、文字,經常是變更前的舊資料、之前的Cookie。這時候只要透過分享偵錯工具,重新提交一次網址,Facebook就會重新抓圖、自動更新成最新版本的資料了!

Tags: FacebookLINEWebflow
Previous Post

寫工作日誌超煩!PM專案規劃必備的時間管理工具Apploye,限時免費中

Next Post

用Webflow直接購買網域Domain,透過Google域名提供商註冊你的網址

Related Posts

PTT/Dcard

PTT 美妝板的看板活躍時段,從推文中找出最近當紅的美妝水水 KOL

2021/03/20
47
PTT/Dcard

八卦板鄉民作息一覽表,追蹤各大看板的熱門時段、活躍用戶、推文或噓文數最多的帳號

2021/03/14 - Updated on 2021/03/18
129
WordPress

新手用 WordPress 架站,常見的問題及解決方式

2021/03/08 - Updated on 2021/03/28
102
WordPress

網易資訊 WantEasy 虛擬主機推薦,網站架設、網站搬家超簡單!

2021/03/08 - Updated on 2021/03/28
66
WordPress

入門新手想經營網拍、自建品牌電商網站,該如何開始?

2021/03/07 - Updated on 2021/03/30
81
網站技術

Google 教育信箱無限儲存空間即將取消,最快速的檔案搬家官方教學

2021/02/18 - Updated on 2021/02/26
17.2k

分類

No Result
View All Result

隨選文章・局妹吐信😛

公視台語台小編真實身份是批踢踢紅人金寶

2019/03/28
1.5k

美白專科化妝水 & 保濕專科化妝水

2018/09/16 - Updated on 2018/11/24
146

如何在Webflow上安裝GTM?Google Tag Manager 完整安裝教學

2020/03/21 - Updated on 2020/10/18
501

YouTube 直播分析工具,收視率、抖內金額及主播收入一覽

2020/09/23 - Updated on 2020/10/18
6.3k

媚比琳Maybelline:台灣2019年丹妮婊姐

2019/07/14 - Updated on 2020/10/19
415

資生堂功夫少女

2018/06/07 - Updated on 2018/10/30
133

KYMCO Many 125 鳳小岳特仕版

2018/08/19 - Updated on 2018/11/24
145

萬寶路Marbolo:香港1988 賀年廣告

2018/10/31 - Updated on 2019/02/03
253
  • 如何用 Twitter 搜尋18禁成人內容?推特搜尋功能教學

    0 shares
    Share 0 Tweet 0
  • SWAG.live 是什麼網站?商業模式及競品分析,AV素人寫真、付費色情影音市場簡介

    0 shares
    Share 0 Tweet 0
  • SWAG 廠商模式A片看到飽,Logo 按七下長片免費看(官方已取消)

    0 shares
    Share 0 Tweet 0
  • 偷看限動神器Saveig.org,偷窺別人IG不留痕跡,渣男壞閨蜜剋星

    0 shares
    Share 0 Tweet 0
  • PTT帳號肉搜教學,用專業搜尋工具人肉搜索鄉民的真面目

    0 shares
    Share 0 Tweet 0
  • 健身網紅咻咻Ashlee與男友Tao分手

    0 shares
    Share 0 Tweet 0
  • Dcard 查詢被刪掉的文章和照片,用深卡和 PTT Brain 搜尋原文備份

    0 shares
    Share 0 Tweet 0

文章結構

  • 如何調整Webflow的URL縮圖?
    • 1. 先購買Site plans單一網站方案
    • 2. 修改Custom Code客製程式碼
    • 3. (額外)Facebook必須多一個步驟,用分享偵錯工具清除Facebook縮圖快取
  • 官方商店
  • Facebook
  • Instagram
  • Twitter
  • Dcard
  • 數位行銷
  • PTT/Dcard
  • 線上工具
  • 工作術
  • Webflow
  • WordPress
  • Google AD
  • Google Search Console
  • SEO
  • 廣告分析
  • 品牌故事
  • 飲食
  • 外在
  • 科技
  • 交通
  • 創意
  • 日記
  • 路人趣味
  • 迷幻文學
  • 普通文學

有事燒紙:[email protected]

版權是我的,不要幹走

No Result
View All Result
  • 全部文章
  • 數位行銷
    • PTT/Dcard
    • 線上工具
    • 工作術
    • Webflow
    • WordPress
    • Google AD
    • Google Search Console
    • SEO
  • 廣告分析
    • 品牌故事
    • 娛樂新聞
  • 純文學
  • 日記
  • 手錶
  • 大人
  • 抖內支持
  • 官方商店

版權是我的,不要幹走