如何為您的博客啟用集線器點AMP

blank

想要減少在行動裝置上的 HubSpot 部落格的載入時間,但不知道如何操作?在這個部落格中,弗朗切斯科布裡佐,解釋了加速移動頁面(AMP),他們如何可以減少頁面載入時間,以及如何可以在您的HubSpot博客上啟用它。

加速移動頁面。放大器。

你們中的一些人可能以前聽說過這件事——我也不會感到驚訝——但對於那些不熟悉AMP的人來說,這是今年數位行銷的主要趨勢之一,人們仍在談論它。

但是AMP是如何工作的呢?這對你的博客意味著什麼?在這個部落格中,我將嘗試總結你需要知道的關於AMP的一切(沒有編碼行話,我保證),以及為什麼你應該嘗試AMP,對於HubSpot使用者,如何在您的博客上啟用HubSpot AMP。

 

什麼是安培?

首先,讓我們回到它的起源。

AMP是 谷歌於2015年推出的一個開源專案。AMP 允許發佈商創建始終快速、美麗且跨設備和分銷平臺性能令人難以置信的良好的網站和廣告。AMP 格式使發佈商能夠利用設計和編碼原則,從而改善使用者在行動裝置上流覽的體驗。

我們在 2016 年開始看到 AMP 頁面,但直到 2017 年才真正成為主流。標準 AMP 由簡單明瞭的 HTML/CSS 組成,使網頁 幾乎可以立即在 行動裝置上載入。

 

通過吉菲

 

最初,該專案主要側重於一個網站的新聞和出版部分。

事實上,谷歌發佈AMP是為了與Facebook的 即時文章競爭,後者基本上遵循相同的原則。

但是,由於 AMP 注重速度,因此沒有(現在仍然不)支援預設的 JavaScript(它負責網站上的互動式元素)。相反,它通過自定義 AMP 模組管理互動式頁面元素。

當然,這阻止了很多人在網頁上使用AMP,而不是那些與新聞或內容相關的網頁。幸運的是,AMP發生了很大變化。它開始納入新的設計項目,其大部分功能擴展到其他網站部分和廣告格式。它還支援應用內編碼。

其影響真的很重要,當然也給市場帶來了轉折。現在,AMP在許多網站被廣泛使用,以提高網站速度,為使用者(無論設備)提供出色的用戶體驗(UX)。

在AMP專案網站上,您可以閱讀很多有趣的 案例研究, 顯示AMP如何真正改善他們的KPI。

使用放大一下的三個原因

當然,你可能不想完全與AMP-你可能會重視你的網站的互動設計項目。但是,有三個原因,為什麼你應該去開始   測試你的移動轉換率與AMP   - 至少為您的網站的博客和/或新聞部分。

讓我們通過他們運行。

 

Rocket_icon

1. 比火箭快

確保您的網站快速載入至關重要:對於行動用戶來說,這一點更為重要。緩慢的網站會導致令人沮喪的用戶體驗,並對網站的反彈率產生巨大影響。如果網頁載入時間超過 6 秒,其反彈率將增加 100% 以上,轉換概率將下降 95%。(來源: 谷歌/索斯塔,2017)通過AMP,頁面將在大約2秒內下載,為您的網站訪問者帶來流暢快捷的體驗(並增加轉換的機會)

 

SEO_icon

2. SEO 友好

我們都關心搜尋引擎優化,對吧?如果你這樣做,請記住,谷歌認為網站速度是一個重要的排名因素,並標記AMP頁面的結果頁面。頁面載入速度越快,排名就越好。自2017年推出谷歌「移動先行指數」以來,這一點變得更加重要。谷歌的移動優先指數優先考慮網站的移動版本,而不是桌面版本。最後,標有AMP徽標的頁面更有可能出現在搜索片段和新聞旋轉木馬中。

 

UX_icon

3. 出色的用戶體驗

是的,缺乏互動元素可能會顯得有害,但AMP會以不同的方式讓觀眾參與進來。快速的網頁使網站訪問者能夠快速獲取他們需要的資訊,而互動性較低的元素會降低網站的複雜性,使訪問者的生活更輕鬆。請記住,這一切都與移動世界中的速度有關,因此您的網站越快,UX 就越好。

如何啟用集線器點放大器

現在,讓我們看看如何啟用您的HubSpot門戶中的谷歌AMP功能。

請注意,HubSpot中的AMP僅適用於博客文章,並且不能在網站的其他部分使用。有兩種方法可以添加它。

 

1. 在整個博客中應用放大

第一個選項允許您在整個中心點博客中添加AMP。

 

在 HubSpot 門戶中,點擊在選單右上角的設定圖示

Enable HubSpot AMP - Step 1

 

當在功能表中單擊"網站",然後從下拉中選擇"博客"

Enable HubSpot AMP - Step 2

 

在博客菜單中,單擊"谷歌AMP"選項卡

Enable HubSpot AMP - Step 3

 

通過打開切換來啟用 Google AMP 格式化頁面

Enable HubSpot AMP - Step 4

 

現在,只需單擊螢幕底部顯示的"保存"按鈕即可。 

Enable HubSpot AMP - Step 5

就是這樣。啟用 AMP 後,HubSpot 將驗證每篇部落格文章(用於您的部落格範本),下次 Google 抓取您的部落格文章時,它將緩存 AMP 版本。如果 AMP 版本存在錯誤,Google 會直接向您發送一封電子郵件,讓您知道,但 HubSpot 還 為故障排除 問題提供了有用的指南。

按下"保存"後,許多選項將顯示自定義頁面元素,如徽標、字體和字體顏色。

Enable HubSpot AMP - Step 6

完成 AMP 設置自定義後,按一下「保存」。

2. 將AMP應用到特定的博客文章中

HubSpot 還允許您僅為特定的部落格文章設置 AMP,如果您尚未決定或想要測試 AMP 與常規頁面,以查看哪個頁面表現更好,這很好。

特定部落格的AMP應該在 發佈您的博客文章之前啟用。基本上,當您按下該部落格文章中的「發布」或「計畫」選項卡時, 您將看到 Google AMP 框 出現(如果您看不到此框,則意味著您已啟用 AMP 以完成整個部落格)。只需檢查選項,使AMP為該特定的博客文章。

Enable HubSpot AMP - Blog posts

最後,更新或發佈您的更改。再次, HubSpot 將驗證博客文章, 下次谷歌抓取它時, AMP 版本將被緩存。

都做完了!享受你的速度。

來源: 如何為您的博客啟用集線器點AMP


開始你的旅程與 銷售團隊替代: 中心點 Crm 快:

What do you think?

Written by hubdigital

blank

八個中心點清單,以支援您的銷售團隊

blank

英格蘭 vs. 冰島就像對出境與入境行銷的模仿