火燒的Gmail
No Result
View All Result
  • 全部文章
  • SWAG 色站獨家福利連結
  • 成人內容
    • Chaturbate
    • SWAG
    • 成人網站
  • 數位行銷
    • PTT/Dcard
    • 線上工具
    • 工作術
    • Webflow
    • WordPress
    • Google AD
    • Google Search Console
    • SEO
  • 迷幻廢文
    • 日記
    • 純文學
  • 追蹤IG
火燒的Gmail
  • 全部文章
  • SWAG 色站獨家福利連結
  • 成人內容
    • Chaturbate
    • SWAG
    • 成人網站
  • 數位行銷
    • PTT/Dcard
    • 線上工具
    • 工作術
    • Webflow
    • WordPress
    • Google AD
    • Google Search Console
    • SEO
  • 迷幻廢文
    • 日記
    • 純文學
  • 追蹤IG
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
1.1k
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 表特被刪文該怎麼找備份?一招神出被刪掉的推爆貼文(Dcard 外流查詢)

2021/09/26 - Updated on 2022/05/02
22.8k
PTT/Dcard

Dcard 西斯版奶樓、裸照樓、穴穴樓照片,透過 PTT brain 下載裸群圖庫備份

2021/09/26 - Updated on 2021/12/22
47.6k
網站技術

RecordCast 免安裝的網頁版線上螢幕錄影工具,支援影片剪輯字幕編輯

2021/06/12
312
PTT/Dcard

如何申請 Dcard 創作者俱樂部?狄卡個板功能開放!無名小站的時代回來了

2021/04/20 - Updated on 2021/04/23
1.2k
PTT/Dcard

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

2021/03/20
471
PTT/Dcard

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

2021/03/14 - Updated on 2021/03/18
976

分類

No Result
View All Result

文章結構

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

本站獨家福利連結👇

  • 如何用 Twitter 搜尋18禁成人內容?推特搜尋功能教學

    0 shares
    Share 0 Tweet 0
  • Mybigtitsbabes 巨乳女優圖鑑,胸奴必逛的大奶妹子介紹網站,歐美大奶圖鑑 Babestoday、BigBoobsAlert

    0 shares
    Share 0 Tweet 0
  • 透視神器 Deepsukebe 使用教學,透過 AI 自動解碼網紅的裸照,快速合成露點照的裸照產生器

    0 shares
    Share 0 Tweet 0
  • 渣男萬年密是什麼?台灣外流壓縮檔密碼大公開、免費空間常見的解壓縮萬用密碼大全(含 VOOFD 好車台所有密碼)

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

    0 shares
    Share 0 Tweet 0
  • 如何下載推特上被刪掉的影片?找回絕版檔案的破解法,老司機必學

    0 shares
    Share 0 Tweet 0
  • Onlyfans 外流下載教學,用 Eternia 論壇免費試看網紅的裸照寫真

    0 shares
    Share 0 Tweet 0

隨選文章・局妹吐信😛

上課喝百威

2017/06/14 - Updated on 2019/11/17
75

摩斯漢堡多蜜牛肉堡

2018/09/01 - Updated on 2019/02/07
310

20190508 資本主義芭比脫皮換壽衣

2019/05/08 - Updated on 2019/05/09
145

喝一堆粉灌雞蛋糕

2019/07/16 - Updated on 2020/10/19
65

維力中華特餐+一度贊

2018/08/10 - Updated on 2018/11/24
1.6k

於是轉身向山裡走去

2021/10/30 - Updated on 2021/10/31
219

20190621 什麼屁小事都要慶祝的情侶

2019/06/21 - Updated on 2019/10/20
101
乙武洋匡吃接枝水果組裝模型

乙武洋匡吃接枝水果組裝模型

2022/01/08 - Updated on 2022/01/24
135
  • 抖內支持
  • Facebook
  • Instagram
  • Twitter
  • Dcard
  • 數位行銷
  • PTT/Dcard
  • 線上工具
  • 工作術
  • Webflow
  • WordPress
  • Google AD
  • Google Search Console
  • SEO
  • 廣告分析
  • 品牌故事
  • 飲食
  • 外在
  • 科技
  • 交通
  • 創意
  • 日記
  • 路人趣味
  • 迷幻廢文
  • 普通文學

有事燒紙:[email protected]

版權是我的,不要幹走

No Result
View All Result
  • 全部文章
  • SWAG 色站獨家福利連結
  • 成人內容
    • Chaturbate
    • SWAG
    • 成人網站
  • 數位行銷
    • PTT/Dcard
    • 線上工具
    • 工作術
    • Webflow
    • WordPress
    • Google AD
    • Google Search Console
    • SEO
  • 迷幻廢文
    • 日記
    • 純文學
  • 追蹤IG

版權是我的,不要幹走