Google AMP Hataları ve Çözümleri

Ekleyen Oğuz Tarih 09 Kasım 2018

Birçok AMP hatası genellikle basit şekilde çözülebilir. AMP sitelerinde sıkça rastlanan AMP hataları ve çözümlerine yazının devamından ulaşabilirsiniz. Karşılaştığınız farklı amp hataları olursa yorum yaparak paylaşabilir, çözüm önerisi alabilirsiniz.

İçindekiler

AMP Testi

Öncelikle bilmeyenler için AMP sürümü oluşturduktan sonra, AMP sürümünüzün çalışıp/çalışmadığını ve geçerliliğini öğrenmek için Google Search Console tarafından sunulan AMP Testi aracını kullanabilirsiniz. AMP testi aracına aşağıdaki bağlantıdan ulaşabilirsiniz.

AMP Test – Google Search Console

AMP Hataları ve Çözümleri

AMP sitenizi yukarıdaki AMP araç yardımıyla test ettikten sonra çeşitli AMP hataları ile karşılaşabilirsiniz. AMP sayfanız için hatalarla karşılaşıyorsanız, sitenizin AMP sürümü Google tarafından indexlenmeyecektir. Bazı AMP hataları ve çözümleri.

Sayfaya ulaşılamıyor

Sayfaya ulaşılamıyor hatası, sayfanın mevcut olmamasından veya robots.txt tarafından engellenmesinden kaynaklanır. Bazen anlık sorunlardan da kaynaklı olabilir, testi yenileyerek deneyebilirsiniz.

Geçersiz AMP sayfalarının, Google arama sonuçlarında AMP’ye özgü özellikleri olmaz

#Bu hata genellikle sayfanızda canonical etiketinin olmamasından kaynaklıdır. Canonical linki; AMP sürümü görüntülenen sayfanızın orijinal sürümüne link vermelidir.

Örnek Canonical Kullanımı

Sayfanızın AMP sürümü linki: http://www.siteadresiniz.com/konu_linki.html/amp
Sayfanızın Orijinal (AMP sürümsüz) linki: http://www.siteadresiniz.com/konu_linki.html
Olması gereken canonical linki: <link rel=”canonical” href=”http://www.siteadresiniz.com/konu_linki.html” />

İNCELE WordPress AMP Eklentileri İncelemesi

Zorunlu “link rel=canonical” etiketi eksik veya yanlış.

#Bu hatanın çözümü için Örnek Canonical Kullanımı anlatımını inceleyebilirsiniz.

“link rel=canonical” etiketi, dokümanda birden çok kez görünüyor.

#“link rel=canonical” etiketi sayfanızda birden fazla kullanıldığı için bu hatayı alıyorsunuz, fazla olan “link rel=canonical” etiketini silerek bu sorunu düzeltebilirsiniz.

Referans verilen AMP URL’si kendi sayfasının standart AMP’si

Bu hata amp sürümüne yönlendirmek için kullanılan amphtml etiketinin hatalı veya eksik olmasından kaynaklıdır.

#Ayrıca amphtml kodu sayfanın amp sürümünde de kullanılıyorsa bu hatayı alırsınız. Amp sürümünüzde amphtml kodu olmamalı.

amphtml etiketi doğru kullanımı

Sayfanızın AMP sürümü linki: http://www.siteadresiniz.com/icerik/amp
Sayfanızın Orjinal (AMP sürümsüz) linki: http://www.siteadresiniz.com/icerik
Olması gereken amphtml etiketi: <link rel=”amphtml” href=”http://www.siteadresiniz.com/icerik/amp”/>

“div” etiketinde “tabindex” özelliği eksik veya hatalı, ancak bu özellik, “on” özelliği için gerekli.

#Bu hata kullandığınız tabindex etiketinin hatalı olmasından kaynaklıdır. Hata veren sayfanızda tabindex kodunun hangi bölümde kullanıldığını bulup, kodu düzelterek hatayı çözebilirsiniz.

Özel JavaScript’e izin verilmiyor.

AMP sayfalarında HTML sitelerdeki gibi JavaScript kodları kullanamazsınız, AMP sayfalarının kendine özel JavaScript kullanımı vardır.

#Bu hatayı düzeltmek için amp sayfanızdaki JavaScript kodlarını kaldırın ve aşağıdaki örnekleri kontrol edin.

Hatalı JavaScript Kullanımı

#AMP sayfalarındaki JavaScript kodları standart JavaScript kodlarından farklıdır, aşağıdaki gibi kullanımlar AMP hatalarına neden olacaktır.

<script type='text/javascript'>kod içeriği</script>
<script src='script.js'></script>

1 2	<script type='text/javascript'>kod içeriği</script> <script src='script.js'></script>

Doğru JavaScript Kullanımı

#AMP sayfalarındaki JavaScript kodlarını aşağıdaki örneklerdeki gibi kullanabilirsiniz.

<script custom-element=amp-carousel async src='https://cdn.ampproject.org/v0/amp-carousel-0.1.js'></script>
<script async src='https://cdn.ampproject.org/v0.js'></script>
<script custom-element=amp-sidebar async src='https://cdn.ampproject.org/v0/amp-sidebar-0.1.js'></script>
<script custom-element=amp-analytics async src='https://cdn.ampproject.org/v0/amp-analytics-0.1.js'></script>
<script custom-element=amp-auto-ads async src='https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js'></script>

“amp-analytics” adlı etiket için “amp-analytics” adlı uzantı JavaScript’inin eklenmesi gerekir.

#Sitenizde kullandığınız bir amp etiketi için JavaScript kodu eklemediğinizde bu hatayı alırsınız.

Örneğin; AMP sürümünüzde <script custom-element=amp-analytics async src=’https://cdn.ampproject.org/v0/amp-analytics-0.1.js’></script> etiketi ile amp-analytics-0.1.js dosyasını çağırıyorsanız, bu etiket için bir JavaScript kodu eklemeniz gerekir.

#amp-analytics etiketi için doğru kullanım:

<amp-analytics type="googleanalytics">
<script type="application/json">{
"vars": {
"account": "UA-XXXXXXXX-X"
},
"triggers": {
"trackPageview": {
"on": "visible",
"request": "pageview"
}}
}</script>
</amp-analytics>

<amp-analytics type="googleanalytics">

"vars": {

"account": "UA-XXXXXXXX-X"

"triggers": {

"trackPageview": {

"on": "visible",

"request": "pageview"

}}

}</script>

</amp-analytics>

AMP sayfası değil

#URL bir AMP sayfası değil veya herhangi bir AMP sayfasına bağlantı vermiyor hatası sitenizde yukarıdaki anlatımdaki gibi canonical etiketini kullanmadığınızda veya hatadan da anlaşılacağı üzere amp sayfanızın olmamasından kaynaklıdır.

AMP işaretlemesi eksik veya yanlış

#AMP işaretlemesi eksik veya yanlış hatası, AMP sayfanızın HTML sürümündeki <html amp> etiketinin hatalı olmasından kaynaklıdır. Doğru kullanım için aşağıdaki örneği inceleyebilirsiniz.

Gerekli İşaretlemeler

<!doctype html> etiketi ile başlayın.
Standart <html> etiketi yerine <html ⚡> veya <html amp> kullanın
<link rel=”canonical” href=”AMPSIZ_LINK”> canonical etiketi kullanın.

Daha detaylı bilgi için AmpProject sitesindeki Gerekli İşaretlemeler (Required markup) sayfasını ziyaret edebilirsiniz.

AMP HTML Specification

Bu yazıyı değerlendirin.

5 5/5

37
Yorumlar

Abone Ol

En Yeniler Eskiler Beğenilenler

Ziyaretçi

wp kullanıcısı

çok başarılı sorunları çözdüm sayenizde.. teşekkürler