[{"data":1,"prerenderedAt":1092},["ShallowReactive",2],{"blog-post-/blog/zh-tw/resize-images-for-social-media":3,"related-posts-/zh-TW/blog/resize-images-for-social-media":429},{"id":4,"title":5,"author":6,"body":7,"category":410,"date":411,"description":412,"extension":413,"featured":414,"image":415,"meta":416,"navigation":414,"path":417,"readingTime":418,"seo":419,"stem":420,"tags":421,"tools":427,"__hash__":428},"content/blog/zh-TW/resize-images-for-social-media.md","如何為社群媒體調整圖片尺寸","Anything Tools 團隊",{"type":8,"value":9,"toc":394},"minimark",[10,13,17,36,40,43,179,182,186,189,192,205,208,231,234,239,245,248,262,266,269,280,283,287,293,296,300,320,326,329,346,349,352,370,373,377],[11,12,5],"h1",{"id":5},[14,15,16],"p",{},"社群平台不喜歡超大檔案、比例混亂，或是在手機上把重要內容裁掉的圖片。對社群內容來說，最穩定的做法是先依目標版位調整尺寸，再決定是否壓縮或轉檔。",[14,18,19,20,25,26,30,31,35],{},"實作上，建議先用 ",[21,22,24],"a",{"href":23},"/image/resizer","圖片尺寸調整工具","，再視需要搭配 ",[21,27,29],{"href":28},"/image/compressor","圖片壓縮工具"," 或 ",[21,32,34],{"href":33},"/image/converter","圖片轉換工具","。",[37,38,39],"h2",{"id":39},"常見社群圖片尺寸速查",[14,41,42],{},"以下尺寸適合作為日常發布時的安全起點：",[44,45,46,65],"table",{},[47,48,49],"thead",{},[50,51,52,56,59,62],"tr",{},[53,54,55],"th",{},"平台",[53,57,58],{},"建議尺寸",[53,60,61],{},"比例",[53,63,64],{},"適合用途",[66,67,68,83,97,111,125,138,152,165],"tbody",{},[50,69,70,74,77,80],{},[71,72,73],"td",{},"Instagram 直式貼文",[71,75,76],{},"1080 x 1350",[71,78,79],{},"4:5",[71,81,82],{},"需要更高版面的一般貼文",[50,84,85,88,91,94],{},[71,86,87],{},"Instagram 方形貼文",[71,89,90],{},"1080 x 1080",[71,92,93],{},"1:1",[71,95,96],{},"產品圖、引言圖、簡潔視覺",[50,98,99,102,105,108],{},[71,100,101],{},"Story / Reels 封面",[71,103,104],{},"1080 x 1920",[71,106,107],{},"9:16",[71,109,110],{},"全螢幕手機內容",[50,112,113,116,119,122],{},[71,114,115],{},"Facebook 貼文圖",[71,117,118],{},"1200 x 630",[71,120,121],{},"1.91:1",[71,123,124],{},"連結分享與一般貼文",[50,126,127,130,133,135],{},[71,128,129],{},"LinkedIn 貼文圖",[71,131,132],{},"1200 x 627",[71,134,121],{},[71,136,137],{},"品牌更新、文章宣傳",[50,139,140,143,146,149],{},[71,141,142],{},"X 貼文圖",[71,144,145],{},"1200 x 675",[71,147,148],{},"16:9",[71,150,151],{},"橫式視覺與公告圖",[50,153,154,157,160,162],{},[71,155,156],{},"YouTube 縮圖",[71,158,159],{},"1280 x 720",[71,161,148],{},[71,163,164],{},"影片縮圖",[50,166,167,170,173,176],{},[71,168,169],{},"Pinterest Pin 圖",[71,171,172],{},"1000 x 1500",[71,174,175],{},"2:3",[71,177,178],{},"教學圖與直式內容",[14,180,181],{},"這些更適合當作工作尺寸，而不是拿來把小圖硬放大。大圖縮小通常沒問題，小圖放大常常會變糊。",[37,183,185],{"id":184},"先決定比例再設定像素","先決定比例，再設定像素",[14,187,188],{},"很多社群圖片出錯，不是因為尺寸數字記錯，而是一開始就用錯畫布比例。",[14,190,191],{},"常見問題包括：",[193,194,195,199,202],"ul",{},[196,197,198],"li",{},"方圖硬塞進直式版位",[196,200,201],{},"標題貼邊，手機預覽時被裁掉",[196,203,204],{},"同一張圖直接發所有平台，結果每個平台裁切都不同",[14,206,207],{},"更穩定的做法是先選比例，再輸出尺寸：",[193,209,210,216,221,226],{},[196,211,212,213],{},"Instagram 動態貼文優先 ",[214,215,79],"code",{},[196,217,218,219],{},"Story、Reels 等全螢幕內容優先 ",[214,220,107],{},[196,222,223,224],{},"YouTube 與多數 X 視覺適合 ",[214,225,148],{},[196,227,228,229],{},"Facebook、LinkedIn 分享圖常用 ",[214,230,121],{},[37,232,233],{"id":233},"一個不容易出錯的流程",[235,236,238],"h3",{"id":237},"_1-先做主圖尺寸版本","1. 先做主圖尺寸版本",[14,240,241,242,244],{},"打開 ",[21,243,24],{"href":23},"，為每個平台各自輸出，而不是拿同一張圖硬改成所有尺寸。",[14,246,247],{},"這樣比較容易控制：",[193,249,250,253,256,259],{},[196,251,252],{},"寬高尺寸",[196,254,255],{},"直式或橫式構圖",[196,257,258],{},"標題、Logo、CTA 的留白",[196,260,261],{},"手機端裁切安全區",[235,263,265],{"id":264},"_2-重要內容不要貼邊","2. 重要內容不要貼邊",[14,267,268],{},"不同平台、不同預覽位置的裁切方式並不完全一致。建議把重要內容放在中間安全區：",[193,270,271,274,277],{},[196,272,273],{},"文字不要貼近畫布外側 10% 到 15%",[196,275,276],{},"人臉、Logo、按鈕避免放在角落",[196,278,279],{},"Story 類內容上下要預留平台 UI 空間",[14,281,282],{},"如果一張設計必須完整無裁切才成立，那通常不適合直接拿去做社群分發。",[235,284,286],{"id":285},"_3-調完尺寸再壓縮","3. 調完尺寸再壓縮",[14,288,289,290,292],{},"尺寸確定後，再用 ",[21,291,29],{"href":28}," 降低檔案大小。這樣可以在不改變版型的前提下減少上傳負擔。",[14,294,295],{},"這一步很重要，因為社群平台本身還會再次壓縮圖片。先上傳尺寸正確、檔案乾淨的版本，通常比直接上傳原始大圖更穩。",[37,297,299],{"id":298},"匯出哪種格式比較適合","匯出哪種格式比較適合？",[193,301,302,308,314],{},[196,303,304,307],{},[214,305,306],{},"JPG"," 適合照片、人物圖、縮圖",[196,309,310,313],{},[214,311,312],{},"PNG"," 適合文字清晰度要求高的海報、介面截圖、透明背景素材",[196,315,316,319],{},[214,317,318],{},"WebP"," 很適合網頁與內部協作，但部分發佈工具仍可能先轉一次格式",[14,321,322,323,325],{},"如果平台或工作流程不接受目前格式，可以先用 ",[21,324,34],{"href":33}," 轉成更通用的格式。",[37,327,328],{"id":328},"常見錯誤",[193,330,331,334,337,340,343],{},[196,332,333],{},"1080px 的版位卻上傳 4000px 原圖",[196,335,336],{},"Story 內容匯出成方圖，再交給平台自動裁切",[196,338,339],{},"把 600px 小圖放大到 1200px 還期待保持銳利",[196,341,342],{},"字做得太小，只在桌機預覽時好看",[196,344,345],{},"不檢查平台差異，一張圖同時發 Instagram、LinkedIn、Pinterest、YouTube",[37,347,348],{"id":348},"長期更有效的方法",[14,350,351],{},"對團隊與內容創作者來說，最省時間的做法不是死記所有平台尺寸，而是先建立 3 到 4 套常用比例模板：",[193,353,354,358,362,366],{},[196,355,356],{},[214,357,93],{},[196,359,360],{},[214,361,79],{},[196,363,364],{},[214,365,107],{},[196,367,368],{},[214,369,148],{},[14,371,372],{},"最後再依平台尺寸做精準輸出。這通常比每次重做設計更快，也比「一張圖發全部平台」更安全。",[37,374,376],{"id":375},"anything-tools-相關工具","Anything Tools 相關工具",[193,378,379,384,389],{},[196,380,381],{},[21,382,383],{"href":23},"線上調整圖片尺寸",[196,385,386],{},[21,387,388],{"href":28},"上傳前壓縮圖片",[196,390,391],{},[21,392,393],{"href":33},"轉換圖片格式",{"title":395,"searchDepth":396,"depth":396,"links":397},"",2,[398,399,400,406,407,408,409],{"id":39,"depth":396,"text":39},{"id":184,"depth":396,"text":185},{"id":233,"depth":396,"text":233,"children":401},[402,404,405],{"id":237,"depth":403,"text":238},3,{"id":264,"depth":403,"text":265},{"id":285,"depth":403,"text":286},{"id":298,"depth":396,"text":299},{"id":328,"depth":396,"text":328},{"id":348,"depth":396,"text":348},{"id":375,"depth":396,"text":376},"教學","2026-03-14T00:00:00.000Z","這是一份實用指南，幫你為 Instagram、Facebook、LinkedIn、X、YouTube 與 Pinterest 調整圖片尺寸，避免模糊輸出與錯誤裁切。","md",true,"/blog/resize-images-for-social-media.jpg",{},"/blog/zh-tw/resize-images-for-social-media",7,{"title":5,"description":412},"blog/zh-TW/resize-images-for-social-media",[422,423,424,425,426],"圖片尺寸調整","社群媒體","Instagram","Facebook","內容創作",[23],"Y5ivWpmrNtW1aMtFsRC2tqlg0-2tRtDDE5YU6fmkZuc",[430,745],{"id":431,"title":432,"author":433,"body":434,"category":410,"date":411,"description":730,"extension":413,"featured":414,"image":731,"meta":732,"navigation":414,"path":733,"readingTime":734,"seo":735,"stem":736,"tags":737,"tools":743,"__hash__":744},"content/blog/zh-TW/how-to-generate-a-qr-code-for-your-website.md","如何為你的網站產生 QR Code","Anything Tools Editorial",{"type":8,"value":435,"toc":713},[436,439,442,450,454,457,460,477,480,484,487,490,504,507,511,514,517,531,536,540,543,560,563,566,570,573,576,590,593,597,600,603,606,609,612,615,618,621,623,637,640,643,647,650,673,676,678,681,701,704,707,710],[11,437,432],{"id":438},"如何為你的網站產生-qr-code",[14,440,441],{},"網站 QR Code 能讓使用者從線下場景快速進入你的網站。你可以把它放在產品包裝、名片、海報、門市物料、簡報或收據上，讓使用者掃碼後直接進到最重要的頁面。",[14,443,444,445,449],{},"如果你想用最直接的方式完成這件事，可以使用 ",[21,446,448],{"href":447},"/design/qr-generator","Anything Tools QR Code 產生器","。輸入網址、產生 QR Code、下載圖片，就能用在線上或線下素材中。",[37,451,453],{"id":452},"為什麼要替網站建立-qr-code","為什麼要替網站建立 QR Code？",[14,455,456],{},"當使用者在線下看到你的品牌，但又不想手動輸入網址時，QR Code 就是最自然的入口。",[14,458,459],{},"常見情境包括：",[193,461,462,465,468,471,474],{},[196,463,464],{},"在名片上放官網入口",[196,466,467],{},"在產品包裝上連到商品頁",[196,469,470],{},"在活動海報上連到報名頁",[196,472,473],{},"在線下傳單上連到行銷落地頁",[196,475,476],{},"在門市、展位或櫃台上提供手機快速入口",[14,478,479],{},"重點不只是「有沒有 QR Code」，而是掃碼後進入的頁面是否足夠明確。",[37,481,483],{"id":482},"第一步先選對目標網址","第一步：先選對目標網址",[14,485,486],{},"產生 QR Code 之前，先決定你要把使用者帶到哪個頁面。",[14,488,489],{},"例如：",[193,491,492,495,498,501],{},[196,493,494],{},"想讓使用者認識品牌時，可以連到首頁",[196,496,497],{},"如果使用者已接近購買，更適合連到商品頁或價格頁",[196,499,500],{},"如果是活動、海報或線下投放，最好連到專用的行銷落地頁",[196,502,503],{},"如果目標是詢問或預約，可以直接連到聯絡頁",[14,505,506],{},"大多數情況下，聚焦的落地頁會比泛用首頁有更好的轉換，因為使用者掃碼時通常帶著明確意圖。",[37,508,510],{"id":509},"第二步確認頁面適合手機使用","第二步：確認頁面適合手機使用",[14,512,513],{},"大多數網站 QR Code 都是用手機掃描，所以目標頁面必須對手機友善，而且載入速度要夠快。",[14,515,516],{},"建議同時檢查：",[193,518,519,522,525,528],{},[196,520,521],{},"URL 是否盡量簡短好讀",[196,523,524],{},"是否需要加上 UTM 參數做活動追蹤",[196,526,527],{},"頁面在手機上是否容易閱讀與點擊",[196,529,530],{},"掃碼後是否能立刻看到清楚的 CTA",[14,532,533,534,35],{},"如果你後續需要把 QR Code 圖片轉成其他格式，也可以搭配使用 ",[21,535,34],{"href":33},[37,537,539],{"id":538},"第三步產生網站-qr-code","第三步：產生網站 QR Code",[14,541,542],{},"流程其實很簡單：",[544,545,546,551,554,557],"ol",{},[196,547,241,548],{},[21,549,550],{"href":447},"網站 QR Code 產生器",[196,552,553],{},"貼上完整網址",[196,555,556],{},"產生 QR Code",[196,558,559],{},"下載圖片",[14,561,562],{},"一個基本可用的網站 QR Code 到這裡就完成了。",[14,564,565],{},"如果你要把它放進品牌視覺素材中，也可以適度調整顏色，但一定要保持 QR Code 與背景之間有足夠對比，否則會影響掃描成功率。",[37,567,569],{"id":568},"第四步正式使用前先測試","第四步：正式使用前先測試",[14,571,572],{},"QR Code 看起來正常，不代表實際掃描一定正常。",[14,574,575],{},"在印刷或正式上線之前，至少測試：",[193,577,578,581,584,587],{},[196,579,580],{},"iPhone 與 Android 是否都能順利掃描",[196,582,583],{},"明亮與偏暗環境下的辨識情況",[196,585,586],{},"不同距離下的掃描體驗",[196,588,589],{},"實際輸出尺寸或印刷尺寸是否仍然清楚",[14,591,592],{},"同時也要確認掃碼後開啟的是正確頁面，尤其要檢查帶參數的網址是否完整。",[37,594,596],{"id":595},"網站-qr-code-的實用建議","網站 QR Code 的實用建議",[235,598,599],{"id":599},"尺寸不要太小",[14,601,602],{},"QR Code 太小，在真實情境中很容易掃描失敗。尤其是海報、門市物料、展覽看板等需要一定距離掃描的場景，更不能壓得太小。",[235,604,605],{"id":605},"保留足夠留白",[14,607,608],{},"QR Code 四周需要空白區域。不要讓邊框、文字或裝飾元素貼得太近。",[235,610,611],{"id":611},"儘量維持高對比",[14,613,614],{},"黑白配色依然最穩妥。如果你要做品牌色版本，先確認對比度足夠高。",[235,616,617],{"id":617},"在旁邊寫清楚行動提示",[14,619,620],{},"如果使用者不知道掃碼後會發生什麼事，掃碼率通常會下降。",[14,622,489],{},[193,624,625,628,631,634],{},[196,626,627],{},"掃碼前往官網",[196,629,630],{},"掃碼查看價格",[196,632,633],{},"掃碼預約示範",[196,635,636],{},"掃碼取得活動資訊",[235,638,639],{"id":639},"不同場景使用不同落地頁",[14,641,642],{},"同一個網站，不一定所有 QR Code 都該指向同一個網址。包裝、海報、活動證件、收據上的 QR Code，完全可以對應不同頁面。",[37,644,646],{"id":645},"網站-qr-code-適合放在哪裡","網站 QR Code 適合放在哪裡？",[14,648,649],{},"常見位置包括：",[193,651,652,655,658,661,664,667,670],{},[196,653,654],{},"名片",[196,656,657],{},"門市櫥窗",[196,659,660],{},"產品包裝",[196,662,663],{},"宣傳手冊",[196,665,666],{},"活動物料",[196,668,669],{},"簡報頁面",[196,671,672],{},"發票或收據",[14,674,675],{},"使用者意圖越強，QR Code 對應的頁面就越應該具體。",[37,677,328],{"id":328},[14,679,680],{},"以下問題都會直接影響掃碼效果：",[193,682,683,686,689,692,695,698],{},[196,684,685],{},"連到手機體驗很差的頁面",[196,687,688],{},"明明有活動頁，卻只放首頁",[196,690,691],{},"印刷尺寸太小",[196,693,694],{},"背景太複雜，影響辨識",[196,696,697],{},"輸出或印刷後沒有重新測試",[196,699,700],{},"沒有告訴使用者為什麼要掃碼",[14,702,703],{},"這些細節往往比「QR Code 看起來是否花俏」更重要。",[37,705,706],{"id":706},"總結",[14,708,709],{},"如果你正在找適合網站使用的 QR Code 產生方式，核心流程其實很簡單：選對頁面、產生 QR Code、用手機實測，再放到合適的線上或線下場景。",[14,711,712],{},"對大多數網站來說，真正有效的不是「隨便做一個 QR Code」，而是讓 QR Code 配合清楚的 CTA 與精準的落地頁一起工作。",{"title":395,"searchDepth":396,"depth":396,"links":714},[715,716,717,718,719,720,727,728,729],{"id":452,"depth":396,"text":453},{"id":482,"depth":396,"text":483},{"id":509,"depth":396,"text":510},{"id":538,"depth":396,"text":539},{"id":568,"depth":396,"text":569},{"id":595,"depth":396,"text":596,"children":721},[722,723,724,725,726],{"id":599,"depth":403,"text":599},{"id":605,"depth":403,"text":605},{"id":611,"depth":403,"text":611},{"id":617,"depth":403,"text":617},{"id":639,"depth":403,"text":639},{"id":645,"depth":396,"text":646},{"id":328,"depth":396,"text":328},{"id":706,"depth":396,"text":706},"了解如何為網站建立 QR Code、選擇合適的落地頁，並把它用在包裝、海報、名片與線下推廣。","/blog/how-to-generate-a-qr-code-for-your-website.png",{},"/blog/zh-tw/how-to-generate-a-qr-code-for-your-website",null,{"title":432,"description":730},"blog/zh-TW/how-to-generate-a-qr-code-for-your-website",[738,739,740,741,742],"QR Code","網站行銷","SEO","落地頁","數位策略",[447],"43mK-kf31NgWqGwtZlEWk9UQ54ujToMMipPBv8UcV4M",{"id":746,"title":747,"author":6,"body":748,"category":410,"date":1075,"description":1076,"extension":413,"featured":1077,"image":1078,"meta":1079,"navigation":414,"path":1080,"readingTime":1081,"seo":1082,"stem":1083,"tags":1084,"tools":1090,"__hash__":1091},"content/blog/zh-TW/optimize-blog-images-for-seo.md","如何在 2026 年優化部落格圖片 SEO",{"type":8,"value":749,"toc":1062},[750,753,756,759,763,766,786,789,793,796,799,816,819,836,839,843,846,852,858,861,875,878,882,885,888,902,906,909,970,973,977,980,983,994,998,1001,1005,1008,1012,1015,1018,1044,1048],[11,751,747],{"id":752},"如何在-2026-年優化部落格圖片-seo",[14,754,755],{},"部落格圖片不只是裝飾。處理得好，它能提升頁面速度、可存取性、上下文相關性與圖片搜尋能見度；處理不好，只會讓頁面更重、SEO 訊號更弱。",[14,757,758],{},"這篇文章是一份面向 2026 年的部落格圖片 SEO 實作清單。",[37,760,762],{"id":761},"為什麼部落格圖片-seo-很重要","為什麼部落格圖片 SEO 很重要",[14,764,765],{},"搜尋引擎並不像人一樣直接「看懂」圖片，它更依賴這些周邊訊號：",[193,767,768,771,774,777,780,783],{},[196,769,770],{},"檔名",[196,772,773],{},"alt 文字",[196,775,776],{},"圖片說明",[196,778,779],{},"附近的標題與正文",[196,781,782],{},"圖片大小與載入速度",[196,784,785],{},"頁面版面穩定性",[14,787,788],{},"所以圖片 SEO 從來不是單一技巧，而是效能、語意與清晰度的組合。",[37,790,792],{"id":791},"_1-使用有描述性的檔名","1. 使用有描述性的檔名",[14,794,795],{},"上傳圖片前，先把檔名改成能準確描述內容的形式。",[14,797,798],{},"不好的例子：",[193,800,801,806,811],{},[196,802,803],{},[214,804,805],{},"IMG_2048.jpg",[196,807,808],{},[214,809,810],{},"banner-final-final.png",[196,812,813],{},[214,814,815],{},"seo-image-1.webp",[14,817,818],{},"更好的例子：",[193,820,821,826,831],{},[196,822,823],{},[214,824,825],{},"optimize-blog-images-for-seo.jpg",[196,827,828],{},[214,829,830],{},"responsive-blog-image-example.webp",[196,832,833],{},[214,834,835],{},"alt-text-example-for-article.png",[14,837,838],{},"建議使用小寫字母與連字號，不要堆隨機數字。",[37,840,842],{"id":841},"_2-撰寫真正有用的-alt-文字","2. 撰寫真正有用的 alt 文字",[14,844,845],{},"alt 文字首先是給人看的，其次才是給搜尋引擎看的。",[14,847,848,849],{},"弱的寫法：\n",[214,850,851],{},"alt=\"SEO 圖片\"",[14,853,854,855],{},"更好的寫法：\n",[214,856,857],{},"alt=\"顯示部落格圖片 SEO 步驟的清單，包括壓縮、alt 文字與響應式尺寸控制\"",[14,859,860],{},"好的 alt 文字應該：",[193,862,863,866,869,872],{},[196,864,865],{},"自然描述圖片內容",[196,867,868],{},"與目前段落主題一致",[196,870,871],{},"不要硬塞關鍵字",[196,873,874],{},"盡量簡潔明確",[14,876,877],{},"如果圖片純裝飾，可以使用空 alt。",[37,879,881],{"id":880},"_3-發布前先壓縮圖片","3. 發布前先壓縮圖片",[14,883,884],{},"大圖會明顯拖慢頁面速度。大多數情況下，從相機、截圖工具或設計軟體直接匯出的原圖都過大。",[14,886,887],{},"發布前建議：",[193,889,890,893,896,899],{},[196,891,892],{},"先壓縮圖片",[196,894,895],{},"盡量移除不必要的 metadata",[196,897,898],{},"保持合理畫質",[196,900,901],{},"不要上傳遠大於展示尺寸的圖片",[37,903,905],{"id":904},"_4-選擇合適的格式","4. 選擇合適的格式",[14,907,908],{},"不同類型的圖片，適合的格式不同。",[44,910,911,924],{},[47,912,913],{},[50,914,915,918,921],{},[53,916,917],{},"類型",[53,919,920],{},"推薦格式",[53,922,923],{},"說明",[66,925,926,937,948,959],{},[50,927,928,931,934],{},[71,929,930],{},"照片",[71,932,933],{},"WebP 或 AVIF",[71,935,936],{},"檔案更小，效能更好",[50,938,939,942,945],{},[71,940,941],{},"截圖",[71,943,944],{},"PNG 或無損 WebP",[71,946,947],{},"文字更清楚",[50,949,950,953,956],{},[71,951,952],{},"Logo / 圖示",[71,954,955],{},"SVG",[71,957,958],{},"最適合可縮放圖形",[50,960,961,964,967],{},[71,962,963],{},"透明圖片",[71,965,966],{},"WebP 或 PNG",[71,968,969],{},"視相容性需求而定",[14,971,972],{},"對大多數部落格圖片來說，WebP 是很好的預設選擇。",[37,974,976],{"id":975},"_5-依照實際版面控制尺寸","5. 依照實際版面控制尺寸",[14,978,979],{},"如果正文區域實際只顯示 900px 寬，就沒必要上傳 4000px 的圖片。",[14,981,982],{},"經驗上：",[193,984,985,988,991],{},[196,986,987],{},"正文插圖：約 800-1200px",[196,989,990],{},"首圖 / 封面圖：約 1200-1600px",[196,992,993],{},"只有在真的需要時才提供更大的版本",[37,995,997],{"id":996},"_6-使用響應式圖片並宣告尺寸","6. 使用響應式圖片並宣告尺寸",[14,999,1000],{},"響應式圖片能減少小螢幕裝置上的無效下載。\n同時，明確的寬高可以降低版面位移。",[37,1002,1004],{"id":1003},"_7-讓圖片靠近相關文字","7. 讓圖片靠近相關文字",[14,1006,1007],{},"搜尋引擎會結合周圍文字理解圖片含義。\n上下文的匹配，比單純多插幾張圖更重要。",[37,1009,1011],{"id":1010},"_8-讓封面圖適合分享","8. 讓封面圖適合分享",[14,1013,1014],{},"文章封面圖通常也會成為社群平台的預覽圖。好的封面圖應該在縮小、裁切後仍然清楚可讀，並且能傳達文章主題。",[37,1016,1017],{"id":1017},"發布前檢查清單",[193,1019,1020,1023,1026,1029,1032,1035,1038,1041],{},[196,1021,1022],{},"檔名是否清楚",[196,1024,1025],{},"圖片是否壓縮",[196,1027,1028],{},"格式是否合適",[196,1030,1031],{},"尺寸是否合理",[196,1033,1034],{},"alt 文字是否有意義",[196,1036,1037],{},"圖片是否放在相關內容附近",[196,1039,1040],{},"封面圖是否適合分享",[196,1042,1043],{},"是否內鏈到相關工具頁",[37,1045,1047],{"id":1046},"在-anything-tools-中可關聯的頁面","在 Anything Tools 中可關聯的頁面",[193,1049,1050,1054,1058],{},[196,1051,1052],{},[214,1053,33],{},[196,1055,1056],{},[214,1057,28],{},[196,1059,1060],{},[214,1061,23],{},{"title":395,"searchDepth":396,"depth":396,"links":1063},[1064,1065,1066,1067,1068,1069,1070,1071,1072,1073,1074],{"id":761,"depth":396,"text":762},{"id":791,"depth":396,"text":792},{"id":841,"depth":396,"text":842},{"id":880,"depth":396,"text":881},{"id":904,"depth":396,"text":905},{"id":975,"depth":396,"text":976},{"id":996,"depth":396,"text":997},{"id":1003,"depth":396,"text":1004},{"id":1010,"depth":396,"text":1011},{"id":1017,"depth":396,"text":1017},{"id":1046,"depth":396,"text":1047},"2026-03-10T00:00:00.000Z","一份可實作的部落格圖片 SEO 指南，涵蓋檔名、alt 文字、壓縮、尺寸控制與內鏈策略。",false,"/blog/optimize-blog-images-for-seo.jpg",{},"/blog/zh-tw/optimize-blog-images-for-seo",8,{"title":747,"description":1076},"blog/zh-TW/optimize-blog-images-for-seo",[1085,1086,1087,1088,1089],"圖片優化","Alt 文字","頁面速度","網站效能","內容營運",[28],"I-QNA7uF5uwt_HSR4GJHfNsTW1dXBs4otyxp26ly8UQ",1781687157516]