放大它! Drupal AMP 的原因和方式(以及它可以對您的網站做什麼)

已發表: 2019-08-13

當開源加速移動頁面 (AMP) 項目於 2015 年 10 月啟動時,Google AMP 經常被比作 Facebook 的即時文章。 儘管如此,這兩家科技巨頭都有一個共同的目標——讓網頁加載速度更快。 雖然可以通過 Web URL 訪問 AMP,但 Facebook 的 Instant Articles 只是為了減輕應用用戶的痛苦。 Google AMP 與出版和技術領域的一些強大的發布合作夥伴合作,旨在影響移動設備上內容分發的未來。

快進到今天,Google AMP 是互聯網上最熱門的東西。 擁有超過 2500 萬個網站域,發布了超過 40 億個 AMP 頁面,該項目很快就取得了巨大成功。 包括兩個主要功能; 對象貨幣化的速度和支持,AMP 的影響對企業業務、營銷人員、電子商務和其他所有大小組織都有深遠的影響。 憑藉強大的功能以及它起源於 Google Initiative 的事實,AMP 頁面在 Google SERP 中的展示更加突出也就不足為奇了。

什麼是AMP?

隨著移動用戶的快速增長,提供類似網站的用戶體驗的需求並不僅僅是削減它。 如今,移動用戶的注意力範圍更小,互聯網速度也各不相同。 企業可以通過使用 Google AMP 的快速加載、輕量級和類似應用程序的網站來應對這些挑戰。

AMP 是一個開源框架,可簡化 HTML、簡化 CSS 規則、限制 Javascript 的使用(可以改用 AMP 的組件庫)並通過 Google AMP 緩存(基於代理的內容交付網絡)交付頁面。

為什麼是AMP??

谷歌的開源計劃影響數字資產的技術架構,旨在為移動瀏覽器和其他應用程序提供精簡的網頁。

它很快,就像真的很快

Google AMP 的加載速度大約是普通可比移動頁面的兩倍,延遲低至十分之一。 旨在為移動用戶提供最快的體驗,客戶將能夠更快地訪問內容,並且他們更有可能留在頁面上進行購買或查詢您的服務,因為他們知道這不會花很長時間。

有機提升

AMP 輪播的資格高於 Google SERP 上的其他搜索結果,導致有機結果和流量的大幅增加,這是組織知名度的主要提升。 雖然不負責增加頁面權限和域權限,但 Google AMP 在以您的方式發送更多流量方面發揮著關鍵作用。

投資回報率

AMP 利用而不是破壞網站現有的網絡基礎設施這一事實使得採用 AMP 的成本遠低於競爭技術。 作為回報,Google AMP 可提供更好的用戶體驗,從而轉化為移動設備上更好的轉化率。

Drupal 和 AMP

憑藉更好的用戶參與度、更長的停留時間以及內容優勢之間的輕鬆導航,企業必將通過 AMP 友好頁面吸引更多流量並增加收入。 AMP 模塊對營銷人員特別有用,因為它是優化他們的 Drupal SEO 工作的重要補充。

AMP 生成的 HTML 使網絡成為一個更快的地方。 在 Drupal 中實現 AMP 模塊非常簡單。 只需下載、啟用和配置!
在開始將 AMP 模塊與 Drupal 集成之前,您需要 -
AMP 模塊: AMP 模塊主要處理常規 Drupal HTML 頁面到 AMP 投訴頁面的轉換。

AMP 模塊的兩個主要組件:

AMP 模塊: AMP 模塊主要處理常規 Drupal HTML 頁面到 AMP 投訴頁面的轉換。
AMP 模塊的兩個主要組件:

AMP 主題:我相信您已經接觸過 AMP HTML 及其標準。 負責讓您的內容在移動設備上看起來有效並表現良好的人。 Drupal AMP 主題為希望在移動世界中表現良好的網站生成這些標準所需的標記。 此外,AMP 主題允許創建定制的 AMP 頁面。

AMP PHP 庫:由 AMP 基本主題和 ExAMPle 子主題組成,Drupal AMP PHP 庫處理最終更正。 用戶還可以從頭開始創建自己的 AMP 子主題,或者根據自己的特定要求修改默認的 ExAMPle 子主題。

如何使用 Drupal 設置 AMP?

在將 AMP 與 Drupal 集成之前,您需要了解 AMP 不會取代您的整個網站。 相反,從本質上講,AMP 模塊為內容類型提供了一種查看模式,當瀏覽器要求提供 AMP 版本時會顯示該模式。

下載 AMP 模塊

準備好本地後,鍵入以下終端命令:

drush dl amp, amptheme, composer_manager

此命令將下載 AMP 模塊、AMP 主題和 Composer Manager 模塊(假設您還沒有 Composer Manager)。

如果您是 Drupal 8 的用戶,您可能熟悉 Composer 及其作為 PHP 打包工具的功能,它為項目安裝依賴項。 composer 用於安裝一個 PHP 庫,該庫將原始 HTML 轉換為 AMP HTML。 此外,作曲家將幫助該庫與 Drupal 一起工作。

但是,由於 AMP 模塊沒有明確要求 Composer Manager 作為依賴項,備用工作流可以在不使用 Composer Manager 的情況下使用模塊 Composer 文件。

接下來,啟用開始所需的項目:

drush en composer_manager, amptheme, ampsubtheme_example

在啟用 AMP 模塊本身之前,需要啟用一個 AMP 子主題。 AMP 模塊的默認配置將 AMP 主題設置為“ExAMPle 子主題”。

如何啟用 AMP 模塊?

Drupal 的 AMP 模塊可以使用 Drush 啟用。 啟用模塊後,Composer Manager 將負責下載其他 AMP 庫及其依賴項。

drush en amp

配置

安裝並啟用所有內容後,需要使用 Web 界面配置 AMP,然後才能顯示 Drupal AMP 頁面。 首先,您需要決定哪些內容類型應該具有 AMP 版本。 您可能不需要所有這些。 單擊“在自定義顯示設置中啟用 AMP”鏈接,啟用特定的內容類型。 在下一頁上,打開“自定義顯示設置”字段集。 選中 AMP 框,然後單擊保存。

圖片

設置 AMP 主題

配置 AMP 模塊和內容類型後,就可以為 AMP 頁面選擇主題並進行配置。 Drupal AMP 模塊的視圖模塊和字段格式化程序負責處理頁面的主要內容。 另一方面,Drupal AMP 主題會更改頁面主要內容區域之外的標記。

此外,Drupal AMP 主題使您能夠為 AMP 頁面創建自定義樣式。 在主 AMP 配置頁面上,確保將 AMP 主題的設置設置為 ExAMPle 子主題或您創建的自定義 AMP 子主題。

Drupal 主題