2017年1月18日

取得 Google 相簿圖片外連更好的方法﹍轉換為 Picasa 連結

取得 Google 相簿圖片外連更好的方法﹍轉換為 Picasa 連結

Wayne Fu 0 A+
google-photo-image-url-to-picasa-取得 Google 相簿圖片外連更好的方法﹍轉換為 Picasa 連結在所有圖床之中,Google 相簿(Google Photo) 的圖片連結,可說是最詭異的一個,從網址字串你很難辨識出這是什麼,沒有路徑結構、沒有檔名,字元數多到相當於一篇小品文章。這樣的連結型態,相當不適合用來當圖片網址,也不利於 SEO

在上一篇「其實 Google 相簿依然是 Picasa」,我們知道了 Google Photo 只是批上外皮的 Picasa,在 Google 相簿的 RSS FEED 資料之中,其實全部都是 Picasa 連結。

那麼本篇將會介紹一個途徑,可以脫掉 Google Photo 的外皮,直接取得 Picasa 連結。



一、為何 Google 相簿的連結搞這麼複雜?


1. 原始相簿圖片連結

首先來看如何取得 Google Photo 的圖片連結,以我的這個「CC0 免費圖庫搜尋引擎」相簿為例,點開圖片後,對著圖片按右鍵 → 複製圖片網址:

google-photo-direct-link-取得 Google 相簿圖片外連更好的方法﹍轉換為 Picasa 連結

取得的圖片外連網址如下:

https://lh3.googleusercontent.com/Tg3sAZARB_8LhJfdn9hxQ1wwx05ejX0q3R2wUJXPXPlwjhHwr3yjNzBGq6RxwHpoKBnGiJW0g9jTjY6B8mDjItzSjJfdSAcXr1vMAmslI-EJ0F_Poiv3Nbg7U30QTvupVhVxTOf5aFG_7j5rEGCNIVnX_oBuwdQcEax0z-QMf_PEupWWpzzZmCjH5r5utMs5P8O6Ifv7b8gn8O2HHpTI2ZTBpZ-cdOTenVWgv3VHrbAgqBEM_m0MvV3OYdSXYdeYMpR1tm40rTmiDwWYDLnW-xRYVUtNpepKTxStK7N3kF1uCqhyrhIiyNHZV3ScTRVvTKfT7Uwz8H8QmOqoMoMRNip1Sexyl8I6KHz6sYEHBz_8jevwJV1Z9Wb8XToREhWHhT5yVkZDyJAQTxLHYyfjuHbB1JYQj60wlt2PJa9HZ5CEbvWxKbHWyqzuA2z_uekiuzmTUBLWTT48-EAGZmHIiedmok5tGjnf1LWC2yS61VgwFQHIb2CsABeKAtgEVGF-KHcrwgOH8ODHLWG_HD50Inmmr1QoHr2Ts5wo56ag7pEgoz7xEXY8IGXudUfqGsdYJM2P6rvHIob2PGsivmxjeJuHfSGZHAkaWZNLHzku7JHHEdEQ_1sQ=s200-no
這個連結雖然長得奇怪,不過是可以用來放在網頁上顯示圖片的。


2. Google 相簿圖片連結的缺點

這麼長的網址形式不但沒有任何優點、看不出用途,而且缺點很多:

  • 沒有檔名,代表檔名無法被索引,所以較難獲得搜尋而來的流量
  • 字串太長,導致 HTML 碼難以閱讀。
  • 圖片數量多時,也讓網頁的 HTML 內容大大膨脹,很可能導致該網頁的重要內容無法被索引,因為機器人爬網頁時,每個網頁只能索引一定的位元數。


3. Google 的意圖

以上都是不利於 SEO 的因素,而我推測這也是 Google 的精心設計,讓 Google Photo 的圖片連結擁有不利於 SEO 的特質,其目的就是「其實 Google 相簿依然是 Picasa」→「六、Google 的意圖為何?」提到的:

如同「Google Drive 關閉外連」事件,這兩件事是一體的兩面,都能有效減少圖片外連的流量,算是 Google 的節流措施,減少伺服器的資源使用。

在意 SEO 的站長就不會喜歡使用 Google 相簿當圖片外連,那麼 Google 讓使用者自主性地不使用 Google 相簿當圖床,順勢節省了伺服器的流量與頻寬。

既然我們知道了 Google Photo 的 FEED 仍然存放 Picasa 外連,那麼有沒有辦法可以將原本冗長的外連字串,轉為 Picasa 格式的網址字串呢?



二、使用 Blogger 文章編輯器


這是 Blogger 使用者專有的福利,能夠從 Blogger 後台做到這件事。如果你還沒有 Blogger 網站的話,那麼就到「blogger.com」 申請一個新網站,再繼續以下的操作:

google-photo-image-url-to-picasa-1-取得 Google 相簿圖片外連更好的方法﹍轉換為 Picasa 連結

Blogger 後台 → 按「新文章」→ 切換到「HTML」模式 → 按「插入圖片」按鈕 (如上圖紅框)


google-photo-image-url-to-picasa-2-取得 Google 相簿圖片外連更好的方法﹍轉換為 Picasa 連結

點選「Google Album Archive 中的相片」這個分頁,除了可看到 Blogger 網誌的相簿名稱,也會列出所有 Google Photo 中的相簿。

換言之,在這個地方你可以看到所有存放在 Google 的圖片,看到比 Google 相簿更多的內容,因為 Google 相簿看不到 Blogger 上傳的圖片。

接著選擇任一 Google Photo 的圖片,上傳選項記得選 "原始大小"。


google-photo-image-url-to-picasa-3-取得 Google 相簿圖片外連更好的方法﹍轉換為 Picasa 連結

成功的話,會出現像上圖的 HTML 碼,反白的部分,也就是 img 標籤中 src 屬性的字串,就是轉換過來的 Picasa 圖片網址字串。

上圖的 Picasa 網址字串如下:

https://3.bp.blogspot.com/-dt7tHb2_GC0/WHxts9HJfyI/AAAAAAAAO9Y/AiM2gsxhfB0anLZ4kYqYr6-eEwOgxNGMACPcB/s1600/wfublog-logo-8abeb7-adverse.png
可以試著跟前面同一張的 Google 相簿圖片連結比對一下,貼到瀏覽器看看,是不是顯示一樣的圖片。

使用這樣格式的 Picasa 圖片外連,對網頁的 SEO 就不會造成傷害了。



三、如何快速找出你要的圖片


雖然 Blogger 文章編輯器藏著這麼棒的轉換網址功能,但卻未必好用,因為當圖片數多的時候,保證使用滑鼠會捲到讓手指抽筋。

Google 相簿官網」的上方有個搜尋框,你可以搜尋相簿名稱、圖檔名,或是參考 「Google 相簿的 16 招搜尋照片密技」。

google-photo-image-url-to-picasa-2-取得 Google 相簿圖片外連更好的方法﹍轉換為 Picasa 連結

回到 Blogger 後台的畫面,上圖這裡也有個搜尋框,看似貼心,但其實只做了一半,這個搜尋框無法搜尋所有的圖片

基本上這個搜尋框是直接複製「Google 相簿的搜尋框」功能,WFU 測試的結果,它只能搜尋 Google 相簿而已,所有 Blogger 上傳的圖片都搜尋不到

另外補充一點,Google 相簿上傳新圖片後,由於 FEED 一段時間才會更新,因此搜尋功能不會馬上就能搜尋到新圖片,有可能要等幾個小時。



四、如何搜尋 Blogger 上傳的圖片


對於 Blogger 使用者而言,每次要找圖片都得用滑鼠一直捲,這樣也不是辦法,有沒有可能使用搜尋的方式來找到圖片呢?

關於這一點,有一套流程可以做到這件事,可參考這篇「Picasa 關閉之後, Blogger 要如何管理圖片?」,先設定將 Google 相簿的圖片同步到 Google Drive 後,就可以利用 Google Drive 的搜尋功能,以圖片檔名進行搜索了。

然後這件事要儘早做,因為開始同步後的圖片才能在 Google Drive 搜尋到,同步之前的圖片就沒辦法了!



五、後記


本篇介紹的方法大概可以稱做 "堪用",操作起來速度不會快,不過偶爾要處理幾張圖時,是絕對沒問題的。

原本想說既然知道如何操作 Picasa API 了,乾脆來寫個圖片網址的轉換工具。不過轉念一想,Google 特地把 Google Photo 的連結搞成這樣,就是不想讓使用者輕易地使用圖片外連,好節省伺服器的流量。

那麼這樣的轉換器寫下去,說不定 Google 只好祭出其他的強硬手段了。然後其實我也不常使用 Google 相簿,所以就打消了這個念頭囉~


更多「Google 相簿」相關文章:
0 0
如這篇文章對你有幫助,歡迎「分享」到 FB、「追蹤」粉絲團、「訂閱」最新文章

10 則留言:

  1. 您好,
    日前得知FLICKR原來「不能當圖床」,
    所以開始轉換到GOOGLE相簿。
    因此尋找到您的網誌。
    個人拜讀了您寫的許多有關BLOGGER和GOOGLE相簿的應用技巧,
    真的是獲益良多,非常感謝!
    尤其您在此篇文章中所寫關於使用GOOGLE相簿連結的方式,
    令個人在利用GOOGLE相簿圖片時方便很多。
    不過,最近在應用GOOGLE相簿上卻發現了很難克服的問題。
    因為,個人有時想利用的是「原始圖片」(比如:版頭圖、背景、壁紙),
    可是,GOOGLE相簿提供的連結,個人試過,即使選擇了「原始大小」,
    若原圖長邊大於1600相素,也只會被卡在1600相素,
    也就是即使選擇了「原始大小」,
    GOOGLE仍然只給出被壓過、非原始的圖片。
    這點令個人很困擾(當然,個人事前在上傳時已選擇「上傳原始圖片」)!
    因為有時就是需要原圖的!明明要用2500x4000的圖,
    在上傳完後,卻無論如何卻只能得到1000x1600的圖,
    這還真的很冏。
    個人試過幾個方式都沒辦法,像是直接修改那個「s1600」,但那沒用...。
    目前還沒試過直接開相簿分享權限,但這是不得已的選項...,
    況且,還不知怎麼在貼出的被GOOGLE壓縮的圖上再嵌相簿連結,
    想到就覺得很麻煩,如果插的圖多可能會抓狂。
    況且,若不只是分享讓人點去看,而是要用在背景或版頭之類的,這方法也沒用。
    雖說FLICKR不能外連,但...它至少有原圖...,這點真的很掙扎!
    甚至也有考慮乾脆找個付費圖床...。
    (其實,若FLICKR允許別人付費後拿來當圖床就好了...,但相目前沒...)
    Well,也許這問題挺怪的,不是那麼多人會希望分享或使用絕對的原圖吧!
    ...
    抱歉,寫得有點長。
    只是提出來看看。個人也會繼續努力尋找方法。
    謝謝!

    回覆刪除
    回覆
    1. 你好,謝謝你的關注,感覺有仔細看我不少文章呢 ^^
      我印象中把 "s1600" 改成 "s0" 可顯示原始尺寸,你可以試試看~
      只不過,在網頁真的顯示 2500x4000 這樣的尺寸,好像誇張了點,載入速度要花不少時間的,也許會造成訪客不好的體驗,所以你可以再評估看看有沒有比較折衷的作法喔!

      刪除
    2. 您好,格主:
      感謝您的回覆!
      個人選用的顯示圖片不是原尺寸,而是連結後的圖片用原尺寸。
      (不太會描述,就是看時是小圖,點擊可以得大圖...)
      這樣就可以兼顧頁面載入速度,又能在需要時有原尺寸圖。
      剛好用GOOGLE的嵌圖語法就是同時有連結語法的(好像是為了燈箱吧)。
      ...
      您提供的消息很令個人振奮(因為爬不少文都找不到方法)!
      稍後完成手上工作會試試您說的方式的。
      謝謝!
      ...
      另外,說真的,如果GOOGLE願意提供穩定圖床(外連什麼的),個人很願意付費。
      對部落客,搬文根本不是什麼事,反而搬圖是件痛苦的事!
      現在為了在FLICKR那堆圖,
      個人還在想要怎麼排程整理文章中那堆圖片連結。
      還有痞客邦中的一堆圖...(累......)
      因為多數免費圖片空間都會將檔名改得亂七八糟,路徑也不固定,
      一旦圖床掛了,要換圖都很痛苦(不可能用取代法修改)!
      所以...,唉...。但又沒錢真的自己租主機什麼的...。
      總之先慢慢把痞客的圖弄出來吧...(因為我是付費會員)。
      個人還在學習中,很多問題也許問得不太中式,
      要請格主多海涵。^^;

      刪除
    3. "連結後的圖片用原尺寸...看時是小圖,點擊可以得大圖" → 很好,這樣問題就解決了! A 標籤裡面的連結,用原圖就好了,img 用小圖

      "個人還在想要怎麼排程整理文章中那堆圖片連結" → 如果有預算的話,本站有搬圖片的服務喔:http://www.wfublog.com/2017/01/pixnet-move-to-blogger.html ,可以把圖片搬到 picasa 圖床,需要時請用表單跟我聯絡~

      刪除
    4. 感謝您!試過可以喔!
      希望GOOGLE一直允許這麼做(至少沒外連到它站的話)。
      解決這點的話就可以開始搬圖了。^^
      剛留言落落長真抱歉!
      最後請問,能否在個人網誌介紹這篇文章?
      個人只會用連結,不會轉貼您的內容。
      謝謝!

      刪除
  2. 感謝您的分享 /(_ _)\
    這兩天剛好遇到網誌圖片無法顯示的問題 (使用原始相簿連結),
    試了您的方法,終於成功發表文章了!

    回覆刪除
  3. 我發現Google Photo 的外連網址很難用,有時候不是用Google帳號登入的瀏覽器(例如Safari)就會連不上,原因是要登入才會顯示。而且雖然有設分享,卻有些可以讓其他人看見有些不行。另外一個問題,就是Google相簿的連結不是一直不變,相同圖片每次按右鍵複製圖片位置時,產生的連結都不一樣,實在很是困擾。後來想想,結論就如同板主所言,就不想讓當圖床。
    我之前有寫過一個 flickr 大量產生圖片連結的程式。那是給自己分享攝影作品實用的。
    Google Photo 是拿來用在分享寫程式的螢幕截圖,所以數量很少,懶得寫程式了。
    看到板主說的改成Picasa連結方法,的確解決了我不少麻煩。感謝板主啊!

    回覆刪除
    回覆
    1. 不客氣,你提到的 "Google相簿的連結不是一直不變,相同圖片每次按右鍵複製圖片位置時,產生的連結都不一樣" → 原因可參考我最近的文章 https://www.wfublog.com/2019/01/why-flickr-stop-free-image-google-shut-down-picasa.html 有詳細的說明,google 相簿的外連有時效性,所以每次都不一樣,大概過了一天就失效了。

      刪除

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
◎ 請在相關文章留言,與文章無關的主題可至「Blogger 社團」提問。
◎ 請避免使用 Safari 瀏覽器,否則無法登入 Google 帳號留言(只能匿名留言)!
◎ 提問若無法提供足夠的資訊供判斷,可能會被無視。建議先參考這篇「Blogger 提問技巧及注意事項」。
◎ CSS 相關問題非免費諮詢,建議使用「Chrome 開發人員工具」尋找答案。
◎ 手機版相關問題請參考「Blogger 行動版範本的特質」→「三、行動版範本不一定能執行網頁版工具」;或參考「Blogger 行動版範本修改技巧 」,或本站 Blogger 行動版標籤相關文章。
◎ 非官方範本問題、或貴站為商業網站,請參考「Blogger 免費諮詢 + 付費諮詢
◎ 若是使用官方 RWD 範本,請參考「Blogger 推出全新自適應 RWD 官方範本及佈景主題」→ 不建議對範本進行修改!
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 為了過濾垃圾留言,所有留言不會即時發佈,請稍待片刻。
◎ 本站「已關閉自刪留言功能」。

TOP