跳到主要內容

[科技]為客戶製作 AMP 網頁 (AMPlify) 的 8 大秘訣。


  Accelerated Mobile Pages 是運用多種技術性做法的 HTML 網頁,設計以速度為優先考量,幾乎可即時載入內容,為使用者帶來快速流暢的使用體驗。

  今年下半年起,凡是架設 AMP 網頁的網站,不論屬於哪一類 (例如電子商務網站、娛樂網站、旅遊網站、食譜網站等),在所有 Google 移动搜尋結果網頁中都能擁有更高的曝光率。

  為您整理了以下八大重點,方便您瞭解如何協助客戶製作 AMP 網頁 (AMPlify) 。

  ⑴ 輕鬆入門。

  如果網站是使用時下主流的內容管理系統 (CMS),建置 AMP 網頁環境就像安裝外掛程式一樣簡單容易。如果網站是使用自訂 HTML 或從零開始製作,則必須使用額外的開發資源。

  ⑵ 不適用部分網站類型。

  AMP 適用於所有類型的靜態網頁內容,例如新聞、食譜、電影資訊、產品頁面、評論、影片、網誌等等;但在具有大量動態內容或互動式功能的單一網頁應用程式 (例如路線規劃、電子郵件或社交網路應用程式) 中,則比較不實用。

  ⑶ 您不必為整個網站製作 AMP 網頁 (#AMPlify)。

  您可以從簡單的靜態內容網頁開始 (例如文章、產品或網誌文章),將 AMP 技術陸續導入至客戶現有的網站。這類內容是使用者透過各個平台和搜尋結果存取的「表面」網頁,您只要進行簡單的變更,就能在網站中發揮 AMP 的優勢。您可以運用這種方式,保留首頁和其他可能需要非 AMP 進階動態功能的「瀏覽器」頁面。

  ⑷ AMP 專案為開放原始碼,並且仍在發展中。

  如果 AMP 格式尚未支援該網站的用途,建議您前往 GitHub 填寫功能建議,甚至可以自行設計元件

  ⑸ AMP 網頁可能必須符合其他條件才能顯示在特定位置。

  如要讓 AMP 網頁顯示在 Google 搜尋結果中,只要該網頁是有效的 AMP HTML 即可。不過,部分整合 AMP 的產品可能需要符合 AMP 驗證機制以外的條件。舉例來說,您必須使用結構化資料將 AMP 網頁加上 Article 標記,才能符合 Google 焦點新聞專區的顯示條件。

  ⑹ 搜尋排名不會變動。

  無論網頁或網站是否內含有效且符合資格的 AMP 網頁,都不會影響網站在搜尋結果頁面的排名。不同之處在於系統會為擁有 AMP 版本的網頁搜尋結果加上圖示。

  ⑺ Google 搜尋結果中的 AMP 內容將越來越普及。

  Google 將在今年下半年全面推出 AMP 計劃,分階段在搜尋結果中逐步納入 AMP 網頁內容。顯示新聞和最新 AMP 內容的焦點新聞輪轉介面也將在多個國家/地區提供多種語言服務。

  ⑻ 隨時提供協助

  Google 準備了各式各樣的實用資源,可在您遇到任何問題時提供協助。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!--建議你使用以下 HTML5 的文件類型宣告 -->
<!DOCTYPE html>
<html amp>
 <head>
 <!--編碼一定要採用 UTF-8,就算你把它縮減成這樣,所有的瀏覽器還是會做出相同判定(甚至包括Internet Explorer 6) -->
 <meta charset="UTF-8">
 <title>AMP Analytics</title>
 <!--需要在每個 AMP 網頁頁面上加上 參照網址指向原本非 AMP 網頁版本的網址-->
 <link rel="canonical" href="analytics.amp.html" >
 <!--因為針對行動裝置所以要加上 veiwport -->
 <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
 <!--所有的 css styles 必須定義在 head 裡面的 "style amp-custom" tag。 -->
 <style amp-custom></style>
 <!--將 Amp-Analytics 的 JS 檔加到頁面中 <head> 標籤裡(在 AMP JS library 上方)-->
 <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
 <!--必須在 HEAD 區域包含以下代碼-->
 <style>body {opacity: 0}</style>
 <noscript><style>body {opacity: 1}</style></noscript>
 <!--專屬 AMP 網頁的js檔案-->
 <script async src="https://cdn.ampproject.org/v0.js"></script>
 </head>
 <body>
  <div id="container">歡迎來到亨利的世界。
             <amp-analytics type="googleanalytics" id="analytics1">
  <script type="application/json">
                {
                    "vars": {
                        "account": "[您的 GA 帳號]"
                    },
                    "triggers": {
                        "trackPageview": {
                            "on": "visible",
                            "request": "pageview"
                        }
                    }
                }
                </script>
  </amp-analytics>
  </div>
 </body>
</html>

這個網誌中的熱門文章

[娛樂]玩了多年的撲克牌,其實背後是結合工程、歷史、設計的大學問!

  全世界各地的人們都知道撲克牌,也都有和撲克牌打過交道,幾乎每個地方都宣稱撲克牌是自己的發明成果。中國人認為撲克牌最早起源於十二、十三世紀南宋時期傳出的中國的葉子戲(按照四季分為四種類別)。法國人則認為撲克牌是由塔羅牌演變而成,而英國人則表示自己是在所有經過認證的記錄資料中最早提到紙牌遊戲的國家。   現在,大家可能都知道怎樣玩「二十一點」或者是橋牌,但很少有人會靜下心來想一下,一副撲克牌其實是工程學、設計和歷史多方面融合而成的一個奇蹟。撲克牌不僅是一種休閒娛樂時的消遣工具,也是高額賭博和魔術技巧的練習和展示工具,不僅是一種數學概率模型,甚至有時候也會被當作貨幣或者是機密訊息的傳播媒介。   在這個過程中,撲克牌不同起源的獨特之處也展現了出來。撲克牌的名稱、顏色、標誌和設計根據不同的出處以及玩家不同的想法而發生變化。這一張張的圖形卡片不僅僅是玩具,或者是工具,他們更是展現不同習俗的一種文化印記:   有關撲克牌的誕生地一直眾說紛紜,外界也沒有達成一個確定的共識,但就像火藥、茶和瓷器這些發明一樣,幾乎可以肯定的是撲克牌也是起源於東方。國際撲克牌協會(IPCS)主席 Gejus Van Diggele 也表示:「學者們和歷史學家對撲克牌的確切起源存在分歧,但他們普遍認為撲克牌是由東方向西方進行擴散傳播的。」   中國唐朝時期有史料提到了一種紙牌遊戲,雖然這種遊戲更像是現在的多米諾骨牌,但專家認為這是有關紙牌最早的書面記載材料。歐洲 14 世紀末期的一些參考文獻曾提到一種「撒拉遜人(阿拉伯人的古稱)玩的遊戲」突然傳入歐洲,這表明紙牌不是來源於中國,而是來自阿拉伯半島。   此外,還有一種說法是,紙牌最早是由游牧民族從印度帶來的一種能夠預測命運的卡片,為紙牌的起源打上了更為久遠的一個印記。但無論是哪一種起源,應該都是有一定的商業契機促進了紙牌在遙遠的東方與歐洲之間的傳播,與此同時印刷技術的發展也加速了紙牌跨國界的生產和傳播。   在中世紀的歐洲,紙牌遊戲多是與喝酒、賭博還有其他的一些陋習聯繫在一起。由於紙牌遊戲傳播的廣泛性,以及它給當地所帶來的破壞性,當局決定禁止紙牌遊戲。歷史學家 Michael Dummett 在他的《塔羅牌遊戲》一書中提到了巴黎的一項法令,禁止公民在工作日玩紙牌。後來,紙牌遊戲被教會視為異端邪說,傳教士也紛紛遊說,認為「...

[動畫]《航海王》女帝實力多強?一腳把自己從七武海最末,踢進了前三。

  《航海王》中的海賊女帝波雅漢庫克,集實力、美貌與地位為一身的強大女人,前海軍元帥戰國有一句話評價女帝,戰國說「那個女人很強!」   這句話是在頂上戰爭之前,海軍強制召集七武海,女帝終於響應召集的時候,手下傳回總部戰國知道消息後的評價。讓海軍元帥松一口氣,認為是一個很大的援軍或者說戰力,給出這麼高的評價,足以證明女帝的實力!   女帝在頂上戰爭中的表現也是可圈可點的,全程摸魚,抽空就幫路飛……   可是各種特別篇卻無限削弱女帝的實力,女帝在特別篇中的實力可能懸賞都過不了億,單純就是賣賣肉,襯托襯托路飛,讓路飛英雄救美。   特別篇「最強的賞金獵人西德爾」女帝第一集的魅力值和實力都被無限削弱,特別是特別篇的第一集,堂堂七武海竟然淪落到無數次四次落入險境,被路飛搭救,對面只是一幫背著水槍的雜兵,也能抗拒女帝全果的魅力……   本身女帝身為女子之身,也沒有對戰過同等級的強者,再加上特別篇還要拉出來賣肉吸引人氣,所以自然而然很多人就會先入為主的有女帝七武海最弱的想法!   最新劇場版狂熱行動,終於讓女帝火力全開了一次,這才讓觀眾見識到了女帝展現出完整實力有多強……   三番五次的看到路飛被巴雷特打飛,女帝再也忍不了,變身護夫狂魔,實力毫無保留的全開。   而女帝的一腳,成為了影片的亮點,女帝的一腳飛踢,蹬得全身覆蓋了武裝色霸氣龐大身軀的巴雷特殘渣橫飛……   從畫面效果也能看出這一腳威力有多恐怖,如此龐大的巴雷特仿佛被火車撞了一樣。   可惜巴雷特的武裝色霸氣實在太過強大,女帝不能破防,如果沒有武裝色的話,女帝肯定能把巴雷特攔腰踢斷……公公卡普拿山峰練拳法,孫媳婦漢庫克可以拿山峰練腿功。   女帝的實力可以說沒有短板,九蛇的霸氣本就先進,女帝的體術又這麼強大,再配合上與女帝相輔相成的果實能力,你以為女帝是個依靠果實能力的魅惑法師……?其實女帝是個喜歡用體術近戰的暴力分子!   女帝的這一腳,把自己從原本人以為的七武海最末,踢到了七武海靠前的地位。七武海中鷹眼大熊是毫無爭議的前二,這個第三是明哥,還是甚平亦或是女帝,都有可能,誰也排不出來,個人還是覺得女帝可以爭一爭這個第三。至少女帝實力可以排在七武海中上遊了。

[動畫]《一拳超人》第三季動畫的埼玉英雄視覺圖、特報影片、製作團隊和聲優情報公開。

  以 ONE 與村田雄介所創作的超級英雄題材動作漫畫《一拳超人》為原作,第三季電視動畫公開了主角埼玉視覺圖、特報宣傳影片、製作團隊和聲優陣容等情報。   《一拳超人》電視動畫第一季由 MADHOUSE 製作,於 2015 年 10 月開播;第二季改由 J.C.STAFF 製作,於 2019 年 4 月開播。2022 年 8 月宣布動畫第三季製作消息。目前已知第三季店是動畫將與第二季同樣由 J.C.STAFF 擔綱製作。   由 ONE 擔任原作、村田雄介負責作畫的漫畫作品《一拳超人》,描述就職過程中找不到出路的主角「埼玉」,遭遇到要奪走一位少年生命的螃蟹異變人後,回憶起年少年時「想要成為英雄」的想法,於是奮起戰鬥並救下了少年。重拾對於成為英雄的志向後,埼玉苦練了三年、以掉光所有頭髮為代價,化身成毫無弱點的超級英雄,只需一拳便能輕鬆地擊敗怪獸。之後他與弟子傑諾斯一起加入了英雄協會,開始了與眾多英雄對抗各種怪物的生活。