Bir web sitesini yalnızca ana sayfasının yüklenmesinin uzun sürdüğünü^{(homepage takes ages to load)} bulmak için ziyaret etmekten daha sinir bozucu çok az şey vardır . Daha da kötüsü, görüntülerin kalitesiz olması ve düzenlerin iyi optimize edilmemesidir.

Aslında, bir Google araştırması^{(Google study)} , insanların yüzde 53'ünün, üç saniye veya daha kısa sürede yüklenmeyen siteleri terk ettiğini ve bunun da yüksek hemen çıkma oranlarına ve düşük gelirlere yol açtığını buldu.

Bu sorunlarla başa çıkmak için Google , Hızlandırılmış Mobil Sayfaları^{(Accelerated Mobile Pages)} ( AMP ) oluşturdu. AMP yalnızca sitenizin yüklenme süresini hızlandırmakla kalmaz, aynı zamanda ilgi çekici bir site^{(design a compelling site)} , heyecan verici bir mobil deneyim tasarlamanıza ve ortalama tıklama oranında ( TO^(CTR) ) artışa yardımcı olur.

Bu kılavuzda, Google AMP'nin mobil sayfalar için neden Google'ın tercih ettiği biçim olduğunu ve ^{(Google AMP)}WordPress için AMP'yi^(AMP) nasıl uygulayabileceğinizi açıklayacağız .

Google AMP Nedir?^{(What Is Google AMP?)}

Google AMP , hafif, kullanıcı öncelikli web siteleri oluşturmaya ve oluşturmaya yardımcı olmak için Ekim 2015'te^{(October 2015)} başlatılan bir web bileşeni çerçevesidir . Mobil girişim, web sayfanızın sadeleştirilmiş bir sürümünü sunarak web'i hızlandırmak için tasarlanmıştır.

WordPress , Pinterest , Washington Post ve Reddit dahil olmak üzere birçok büyük şirket AMP'yi^(AMP) benimsedi ve aylık tekil ziyaretçi sayısında artış^{(increase in monthly unique visitors)} yaşadı .

Web sayfanız Google'da ^(Google)AMP aracılığıyla mobil kullanıcılara sunulduğunda , basit ve basit görünecek ve böylece AMP'nin^(AMP) ışık hızında, dinamik deneyimler ve daha iyi kullanılabilirlik hedefine ulaşacaktır.

WordPress Sitenizde AMP'ye İhtiyacınız Var mı?^{(Do You Need AMP on Your WordPress Site?)}

AMP hızlıdır, ancak web sayfalarının daha hızlı yüklenmesini sağlamanın veya site hızınızı artırmanın^{(increase your site speed)} tek yolu bu değildir .

AMP'nin^(AMP) yayıncılar, işletmeler ve diğer sektörler üzerindeki olumlu etkisini gösteren birçok vaka çalışması vardır, ancak birçok vaka çalışması başarısızlığı da vardır. Bu, AMP'nin^(AMP) tüm siteler için olup olmadığına dair kesin bir karar olmadığı anlamına gelir .

Yine de doğru görünen şey, AMP'nin^(AMP) başarısının bazı karar faktörlerine bağlı olmasıdır. Örneğin, kullanıcılarınız öncelikle masaüstündense, AMP sayfaları zengin özelliklerle masaüstünde görüntülenmediğinden ve AMP Önbelleğinden sunulmadığından AMP ^{(AMP Cache)}sizin^(AMP) için değildir, bu nedenle kullanıcılar bu avantajlardan yararlanamayabilir.

Altın kural, AMP'nin^(AMP) öncelikle haber siteleri ve bloglar çalıştıran yayıncılar için önerilmesidir. Portföy sitesi veya açılış sayfaları gibi başka herhangi bir şeyin mutlaka AMP'ye^(AMP) ihtiyacı yoktur .

Ayrıca, AMP^(AMP) olmayan sayfalarınız 2,5 saniyelik standart içinde veya altında yüklenebiliyorsa, muhtemelen AMP'yi^(AMP) yüklemeniz veya bakımını yapmanız gerekmez .

Bir WordPress Sitesinde AMP Nasıl Uygulanır?^{(How to Implement AMP on a WordPress Site)}

WordPress'te^(WordPress) web sayfanızın AMP sürümünü oluşturmak, yalnızca geliştiricilerin üstesinden gelebileceği bir görev gibi görünebilir, ancak biraz bilgi ve biraz rehberlikle bunu kendi başınıza yapabilirsiniz.

Google , bir ^(Google)AMP sayfası oluştururken, sayfayı entegre edip optimize ederken, analiz izlemeyi ayarlarken^{(set up analytics tracking)} ve ardından sayfayı sitenizin ihtiyaçlarına göre tasarlarken size yol gösteren bir iş akışı sürecine sahiptir .

Başlamak için Google size, kopyalayıp bir .html uzantısına kaydedebileceğiniz ve ardından gerekli işaretlemeyi ekleyebileceğiniz bir şablon kodu sağlayacaktır. Bu, sayfayı uygulanabilir bir AMP HTML belgesine dönüştürecektir.

Yayınlamadan önce , kenar çubuğunda sağlanan talimatları kullanarak resimler ekleyebilir, düzeni değiştirebilir , sayfayı SEO için optimize edebilir , önizleyebilir ve sayfaları sonlandırabilirsiniz.^{(optimize the page for SEO)}

İsterseniz , kendi WordPress sitenizde denemeden önce amp.dev ana sayfasında ^(amp.dev)AMP ile deneme yapabilirsiniz .

Google AMP'yi WordPress'e Nasıl Yüklersiniz?^{(How to Install Google AMP on WordPress)}

Google AMP'yi ^{(Google AMP)}WordPress sitenize manuel olarak kurmak ve yüklemek karmaşıktır. Ancak, süreci kolaylaştırmak için WordPress için resmi AMP eklentisi^{(official AMP plugin for WordPress)} , WP^{(AMP for WP)} için AMP veya AMP WP gibi eklentileri kullanabilirsiniz .

Bu kılavuz için, resmi WordPress AMP^{(WordPress AMP)} eklentisini kullanarak bir WordPress sitesinde ^(WordPress)AMP'yi^(AMP) nasıl kuracağınızı ve yükleyeceğinizi göstereceğiz .

AMP'yi Yüklemek için WordPress AMP Eklentisi Nasıl Kullanılır^{(How to Use the WordPress AMP Plugin to Install AMP)}

1. Başlamak için WordPress sitenize ^(WordPress)WordPress AMP eklentisini kurun ve etkinleştirin . WordPress panosuna gidin , Plugins > Add New seçin .

1. Arama kutusuna AMP eklentisi^(plugin) yazın ve eklentiyi yüklemek için Şimdi Yükle'yi^{(Install Now)} seçin .

Not : ^(Note)WordPress.com kullanıyorsanız , herhangi bir eklenti yüklemek için ^{(install any plugins)}İşletme^(Business) planına yükseltmeniz gerekir .

1. Plugins > Installed Plugins gidin , AMP'yi^{(AMP )} bulun ve AMP eklentisini etkinleştirmek ve sitenizde çalışmasını sağlamak için Etkinleştir^{(Activate )} bağlantısını seçin .

1. Eklentiyi etkinleştirdikten sonra, AMP^(AMP) sayfalarını özelleştirmek için ayarları yapın . Eklentiyi yapılandırmak için AMP > SettingsAMP sayfa ayarlarınızı yapılandırmak için sihirbazı kullanın .

1. Ayarları değiştirdikten sonra Yayınla^{(Publish )} düğmesini seçin. Siteniz ziyaretçilerinize görünmeyecek veya Google tarafından keşfedilemeyecek, ancak sayfaların, yayınların veya her ikisinin ^(Google)AMP sitenizde gösterilmesini isteyip istemediğinizi seçebilirsiniz . Bunu yapmak için AMP > Settings > Advanced Settings, gidin ve daha fazla seçenek almak için Desteklenen Şablonlar^{(Supported Templates)} onay kutusunun seçimini kaldırın .

1. İstediğiniz seçenekleri^(options) belirleyin ve ardından Değişiklikleri Kaydet'i^{(Save Changes)} seçin .

1. Ayrıca Plugins > Add New gidip Yoast SEO ^{(Yoast SEO)}& AMP'yi arayarak Yoast SEO'yu ^{(Yoast SEO & AMP)}AMP kurulumunuza entegre edebilirsiniz . 
2. Şimdi^{(Install Now)} Kur'u seçin ve eklentiyi etkinleştirin^(Activate) . Etkinleştirildiğinde, SEO'ya^(SEO) gidin ve sayfanız için daha fazla özelleştirme seçeneği elde etmek için AMP'yi seçin ve ardından ^(AMP)Değişiklikleri Kaydet'i^{(Save Changes)} seçin . 
3. Yayınlamadan önce, istediğiniz herhangi bir gönderinin veya sayfa URL'sinin sonuna ^(URL)amp ekleyerek AMP sitenizi önizleyin . Örneğin, https://yourwebsite.com/blog-post-title/amp/ adresine gidebilirsiniz.

WordPress AMP Nasıl Doğrulanır^{(How to Validate WordPress AMP)}

WordPress sitenize ^(WordPress)AMP yüklendiğinde , bir sonraki adım, doğru çalışıp çalışmadığını test etmektir. Yalnızca bu değil, doğrulama, desteklenen platformların sitenize erişip sitenize bağlantı verebilmesini ve sorun giderme için AMP hatalarını^{(errors for troubleshooting)} bulabilmenizi de sağlar .

WordPress AMP'yi^{(WordPress AMP)} manuel olarak veya Google'ın AMP Test aracını^{(Google’s AMP Testing tool)} kullanarak doğrulayabilirsiniz .

WordPress AMP'yi Manuel Olarak Doğrulama^{(How to Validate WordPress AMP Manually)}

1. Bunu yapmak için bir AMP sayfası açın ve ardından doğrulamakta olduğunuz web sayfasının URL'sinin^(URL) sonuna #development=1

1. Tarayıcınıza gidin ve geliştirici araçları konsolunu^{(developer tools console)} açın . Firefox kullanıyorsanız menu > Web Developer > Web Console seçin . AMP sayfasında herhangi bir hata varsa , bunlar kırmızı renkle vurgulanacaktır.

Doğrulama hatalarına yanlış kod, geçersiz önekler veya izin verilmeyen etiketler neden olabilir, ancak hatanın yanında nedenlerin bir açıklamasını göreceksiniz.

Google'ın AMP Test Aracını Kullanarak WordPress AMP Nasıl Doğrulanır?^{(How to Validate WordPress AMP Using Google’s AMP Testing Tool)}

1. Google AMP Test aracı^{(Google AMP Testing tool)} sayfasını açın, sitenizin, yayınınızın veya sayfanızın URL'sini girin ve ardından ^(URL)Test URL'sini^{(Test URL)} seçin . Ayrıca sitenin kodunu yapıştırabilir ve URL'yi Test Et^{(Test URL)} 'i seçebilirsiniz .

1. Googlebot sitenizi^(Googlebot) analiz edecek ve geçerliyse, AMP sayfalarınızın Google SERP'lerinde^{(Google SERPs)} nasıl görünebileceğinin bir önizlemesini göreceksiniz .

Google AMP Test^{(Google AMP Testing)} aracı ile AMP hatalarını tespit edebilir ve sitenizde soruna neden olan kodu görebilirsiniz. Analizi iş arkadaşlarınızla paylaşmak için Paylaş^(Share) düğmesini de seçebilirsiniz .

Kodunuzun doğrulandığından emin olmak için Google AMP Doğrulayıcı^{(Google AMP Validator)} aracını veya sayfaları doğrulayan ve tüm uyarıları veya hataları gösteren Chrome AMP uzantısını^{(Chrome AMP extension)} da kullanabilirsiniz .

WordPress Sitenizi AMP Oluşturun^{(AMP up Your WordPress Site)}

Google AMP , özellikle zaten çok fazla mobil trafiğiniz varsa, herhangi bir site için büyük bir değişikliktir. Haber içeriği olan bir site işletiyorsanız, AMP'yi^(AMP) hemen yüklemek mantıklı olabilir , ancak diğer işletmeler için yanlış yaparsanız dönüşümlerinize zarar verebilirsiniz.

AMP'yi sitenizin tamamında kullanmaya karar vermeden önce, olumlu veya olumsuz sonuçlar alıp almadığınızı görmek için AMP'yi^(AMP) yüksek trafiğe sahip birkaç sayfada test etmenizi öneririz.

WordPress sitenizde AMP'yi^(AMP) denediniz mi? WordPress için AMP kullanımı hakkında paylaşabileceğiniz başka ipuçlarınız var mı? Yorumlarda bizimle paylaşın.

What Is AMP for WordPress and How To Install It

Few things are more frustrating than visitіng a website only to find that its homepage takes ages to load. Worse still, is when the images are of poor quality and layouts aren’t well optimized.

In fact, a Google study found that 53 percent of people leave sites that fail to load in three seconds or less, which leads to high bounce rates and decreased revenues.

To deal with these issues, Google created the Accelerated Mobile Pages (AMP). Not only does AMP accelerate your site’s loading time, but it also helps you design a compelling site, thrilling mobile experience, and increase in average click-through rate (CTR).

In this guide, we’ll explain why Google AMP is Google’s preferred format for mobile pages, and how you can implement AMP for WordPress.

What Is Google AMP?

Google AMP is a web component framework launched in October 2015 to help create and build lightweight, user-first websites. The mobile initiative is designed to speed up the web by serving up a stripped down version of your webpage.

Many large companies including WordPress, Pinterest, Washington Post, and Reddit have adopted AMP and experienced an increase in monthly unique visitors.

When your webpage is served to mobile users via AMP in Google, it’ll look basic and simplistic, thus achieving AMP’s goal of lightning fast, dynamic experiences and better usability.

Do You Need AMP on Your WordPress Site?

AMP is fast, but it’s not the only way to make web pages load faster or increase your site speed.

There are many case studies that demonstrate AMP’s positive impact on publishers, businesses, and other industries, but there are also many case study failures.  This means there’s no clear-cut decision as to whether AMP is for all sites or not.

What rings true though is that the success of AMP depends on some decision factors. For example, if your users are primarily from desktop, AMP isn’t for you because AMP pages don’t display with rich features on desktop, and they’re not served from the AMP Cache so users may not enjoy these benefits.

The golden rule is that AMP is recommended primarily for publishers running news sites and blogs. Anything else like a portfolio site or landing pages doesn’t necessarily need AMP.

Plus, if your non-AMP pages can load within or below the 2.5-second standard, you probably don’t need to install or maintain AMP.

How to Implement AMP on a WordPress Site

Creating an AMP version of your web page on WordPress may look like a task only developers can handle, but with a little knowledge and some guidance, you can do it on your own.

Google has a workflow process that guides you as you build an AMP page, integrate and optimize the page, set up analytics tracking, and then design the page for your site’s needs.

To get started, Google will provide you with a template code, which you can copy and save to a .html extension, and then add the required mark-up. This will turn the page into a workable AMP HTML document.

Before you publish, you can include images, modify the layout, optimize the page for SEO, preview, and finalize the pages using instructions provided on the sidebar.

If you want, you can experiment with AMP on the amp.dev homepage before trying it out on your own WordPress site.

How to Install Google AMP on WordPress

Manually setting up and installing Google AMP on your WordPress site is complicated. However, you can use plugins like the official AMP plugin for WordPress, AMP for WP, or AMP WP to make the process simpler.

For this guide, we’ll show you how to set up and install AMP on a WordPress site using the official WordPress AMP plugin.

How to Use the WordPress AMP Plugin to Install AMP

1. To get started, install and activate the WordPress AMP plugin on your WordPress site. Go to the WordPress dashboard, select Plugins > Add New.

1. Type AMP plugin in the search box, and select Install Now to install the plugin.

Note: If you’re using WordPress.com, you have to upgrade to the Business plan to install any plugins.

1. Go to Plugins > Installed Plugins, find AMP and select the Activate link to activate the AMP plugin and make it work on your site.

1. Once you activate the plugin, adjust the settings to customize the AMP pages. To configure the plugin, go to AMP > Settings and use the wizard to configure your AMP page settings.

1. Select the Publish button once you’re done adjusting the settings. Your site won’t be visible to your visitors or discoverable by Google, but you can choose whether you want the pages, posts, or both to be shown on your AMP site. To do this, go to AMP > Settings > Advanced Settings, and deselect the Supported Templates checkbox to get more options.

1. Select the options you want and then select Save Changes.

1. You can also integrate Yoast SEO into your AMP setup by going to Plugins > Add New and then search for Yoast SEO & AMP. 
2. Select Install Now, and Activate the plugin. Once activated, go to SEO and select AMP to get further customization options for your page, and then select Save Changes. 
3. Before publishing, preview your AMP site by adding amp to the end of any post or page URL you want . For example, you can go to https://yourwebsite.com/blog-post-title/amp/

How to Validate WordPress AMP

With AMP installed on your WordPress site, the next step is to test that it works correctly. Not only that, but validation also ensures that supported platforms can access and link to your site, and you can find AMP errors for troubleshooting.

You can validate WordPress AMP manually or using Google’s AMP Testing tool.

How to Validate WordPress AMP Manually

1. To do this, open an AMP page, and then add #development=1 to the end of the URL for the web page you’re validating.

1. Go to your browser and open the developer tools console. If you’re using Firefox, select the menu > Web Developer > Web Console. If there are any errors on the AMP page, they’ll be highlighted in red.

Validation errors can be caused by incorrect code, invalid prefixes, or disallowed tags, but you’ll see an explanation of the causes next to the error.

How to Validate WordPress AMP Using Google’s AMP Testing Tool

1. Open the Google AMP Testing tool page, enter the URL of your site, post, or page, and then select Test URL. You can also paste the site’s code and select Test URL.

1. The Googlebot will analyze your site and if valid, you’ll see a preview of how your AMP pages could appear on Google SERPs.

With the Google AMP Testing tool, you can identify AMP errors and see the problem-causing code on your site. You can also select the Share button to share the analysis with your colleagues.

You can also use Google AMP Validator tool to make sure that your code validates, or use the Chrome AMP extension, which also validates the pages, and shows any warnings or errors.

AMP up Your WordPress Site

Google AMP is a major change for any site, especially if you already have lots of mobile traffic. If you run a site with newsy content, it may make sense to install AMP right away, but for other businesses, you could hurt your conversions if you get it wrong.

We recommend testing AMP on a few high-traffic pages to see if you get positive or negative results before making the decision to use it across your entire site.

Have you tried AMP on your WordPress site? Do you have any other tips to share about using AMP for WordPress? Share with us in the comments.

Related posts

• WordPress site'i bir barından diğerine nasıl taşınır

• Microsoft Azure'te WordPress Nasıl Kurulur ve Kurulur

• Microsoft Azure hızlı WordPress blazingly nasıl çalıştırılır

• WordPress'de Privacy nasıl yapılandırılır ve neden önemlidir?

• WordPress Google Cloud Platform'de Nasıl Kurulur

• WordPress blog ana sayfasında alıntı göstermek

• Squarespace Vs WordPress: Hangisi Daha İyi Site Platformu?

• .HTACCESS Kullanarak Herhangi Bir WordPress Sitesini Hızlandırma

• Must Have WordPress Yoast SEO Settings 2021

• AdSense'tan bir web sitesinin yasaklanıp yasaklanmadığını kontrol ediniz

• WordPress'te PHP Nasıl Güncellenir

• Bir WordPress Eklentisinin Tüm İzleri Nasıl Kaldırılır

• Blog Gönderinizi Videoya Dönüştürmek İçin Lumen5 Nasıl Kullanılır?

• WordPress İçin En İyi 3 SEO Eklentisi

• 11 Adımda Bir WordPress Sitesini Hızlandırma

• WordPress'te Tema Nasıl Kurulur

• Küçük İşletme Web Sitesi İçin 10 Temel WordPress Eklentisi

• Yeni WordPress Kurulumları İçin 9 Eklenti Olmalı

• WordPress Web Sitenizdeki Sayfaları Parolayla Nasıl Korursunuz?

• En İyi 11 WordPress Podcast Eklentisi