SEO

SMX Gelişmiş oturum özetlemesi: Mobil ilk ve AMP

SMX Advanced'ten Advanced SEO oturumu için Mobile-First & AMP'yi kapsıyorum. Oturumda her zaman etkileyici olan Alexis Sanders, Merkle'deki Teknik SEO Hesap Yöneticisi ve yeni-bana Kevin Malarick, SEO yöneticisi, Edmunds Inc. ürünü

Alexis Sanders, Merkle

Alexis ilk sıradaydı. Mobil ve hızlandırılmış mobil sayfalarda (AMP) bir ton bilgi sağladı. Sunumuna “Neden mobil?” Diye sorarak başladı.

Daha fazla insan hem yurt içinde hem de dünya genelinde mobil olarak internete erişiyor, Google da adapte oluyor.

Sorun mobil cihazların masaüstüyle aynı olmaması. Mobilin kendine özgü sorunları var:

  • Daha küçük ekran boyutları
  • Şişman parmak sorunları
  • Formlar.
  • Mobil cihazlar daha yavaş ve mobil ağlar daha yavaş.
  • Veri tüketimi artıyor.
  • Trafik, tarayıcılar ve uygulamalar arasında bölünmüş durumda.
  • Mobil gecikmelerden etkileniyoruz. Bir mobil sayfa yavaş yüklendiğinde stres düzeyimiz bir korku filmi izlerken (ve bir matematik probleminden biraz daha az) daha yüksek.
  • Davranış.
  • İnsanların yüzde 81'i hala bir masaüstüne dönüşüyor.
  • Cihazlardaki TO sayısı farklıdır; masaüstü bilgisayarlar mobilden daha iyi performans gösterdi.

Mobil ilk indeksleme

Mobil ilk endeksleme nedir? Google’a göre, “İlk önce mobil cihazların endekslenmesi, Google’ın ağırlıklı olarak içeriğin dizine ekleme ve sıralama için kullanılan mobil sürümünü kullanacağı anlamına gelir.”

Alexis, Google’ın mobil ilk dizine öncelik vereceğini ve bunun ayrı bir dizin / veritabanı olmadığını belirtti. Yanıt veren veya mobil uyumlu bir siteye sahip olmanızı önerir ve m-nokta, dinamik veya adaptif gibi ayrı bir siteniz varsa, yapmanız gereken bazı şeyler var:

Alexis, endişelenmenize gerek olmadığını söyledi. backlinks değiştirme; Google, kanonik kümedeki URL'lere sinyalleri birleştirir. Bu nokta Google web yöneticisi eğilimleri analist John Mueller tarafından bir tweet olarak doğrulandı.

Bir başka ilginç sorun, mobil URL'lerin XML site haritasına gerek duymamasıdır.

Alexis Max Prin'in cep telefonunu tavsiye ediyor. Mobil ve masaüstü web siteniz arasındaki farkları incelemek için ilk parite denetleyicisi.

AMP

AMP nedir? AMP Projesine göre:

AMP Projesi, web'i herkes için daha iyi hale getirmeyi amaçlayan açık kaynaklı bir girişimdir. Proje, sürekli olarak hızlı, güzel ve yüksek performanslı cihazlar ve dağıtım platformları olan web sitelerinin ve reklamların oluşturulmasını sağlıyor.

25 milyondan fazla alan ve 100'den fazla üst düzey teknoloji sağlayıcı ve platform AMP'yi destekliyor. Alexis, AMP ile ilgili olmadığını söylüyor; Bu hız hakkında.

AMP kullanarak bir grup web sitesi topladı ve çoğunlukla yayıncıları ve bazı e-ticareti buldu. İki şirket, BMW ve TASTY, birincil deneyimleri için AMP kullanarak bulduğu iki web sitesidir.

Alexis bir test yaptı ve AMP önbelleğinin, Pinterest'in yüzde 43 daha hızlı olmasına izin verdi. AMP'yi daha hızlı yapan şeylerden bazıları:

  • Kritik görüntüleme yolu daha iyi akıyor.
  • AMP deneyimleri daha az sayıda isteme, özellikle de görüntülere sahipti.
  • AMP, JavaScript'in başarısızlıkla ele alınması için tasarlandı.
  • AMP, işlenmeyi engelliyor. JavaScript'i eşzamansız hale getirerek.
  • Uzantılar ve yerleştirmeler işleme sayfası düzenini engellemiyor.
  • Üçüncü taraf JS'ye henüz izin verilmedi.
  • Tüm CSS HTML belgesinde satır içi; .css dosyaları almak için fazladan istek yok, ekstra gidiş-dönüş süresi yok.
  • CSS 50 kilobayt ile sınırlıdır, AMP 50.000 karakterlik satır içi CSS'ye izin verir.
  • Tembel yükleme ve tembel yüklü kaynakları getirir.
  • Sadece GPU ile hızlandırılmış CSS animasyonları çalıştırın.
  • Yazı tipleri sıfır HTTP isteği gerektirir.
  • AMP, önceden belirlenmiş boyutlara göre sayfa düzenlerine göre kaynakları önceden konumlandırır.
  • Akıllı kaynak önceliği, indirme işlemlerini optimize eder, böylece önemli kaynaklar önce indirilir.
  • ] AMP, kapsamlı kaynak ipuçlarını kullanır; Üçüncü taraf iFrames gibi CPU açısından pahalı şeyler öneriyor.
  • AMP belgelerini onaylayan, kaynakları önbelleğe alan ve URL'leri ayrıştırmayı normalleştiren proxy tabanlı bir CDN olan Google AMP önbelleği.

Alexis'in çeşitli nedenleri vardı. insanlar neden Google önbelleğe alınmış URL'lere ev sahipliği yapmak, iki web sitesi deneyimi, maliyet faktörleri ve ana sitenizin hızını optimize etmeye yönelik çabaları odaklayabilmeniz gibi AMP konusunda tereddütlüdür. Google'ın AMP sayfalarından herhangi bir veri toplanmadıklarını belirttiğini belirtti.

AMP ekibi kazanımlarını ve anlayışlarını ele alıp onları ana akım haline getirmeye çalışıyor. Web paketlemesi, iframe tanıtımı, performans zaman çizelgesi, özellik politikası ve daha fazlası.

Son olarak, Alexis mobil cihazlarda kullanıcı deneyimini anlattı ve mobil cihazlarda iyi bir kullanıcı deneyimi için nelerin yapıldığını göstermek için bir hedef piramidi oluşturdu.

Sunum güvertesi: Google, dünya çapındaki cep telefonuna geçişi uyarlıyor

Kevin Malarick, Edmunds Inc.

Sonraki bölüm, içerik, doğal dil işleme ve JavaScript oluşturma hakkında konuşan Kevin'dı.

Mobile- İlk indeksleme burada. Günlük dosyalarınızı kontrol edin veya Google Search Console'da bir bildirim arayın. Bir süredir, tüzel kişilikler, rekabetin sayfalarında bulunan unsurlar, topikal alaka düzeyi, kullanıcı niyeti, kullanıcıların aradığı şeyler ve doğal dil işleme etrafında bazı şeyler içeren içerik yazmak üzerine konuştu.

Kevin bir araç listesi önerdi. Kullanıcıların ve arama motorlarının, içeriğinizi daha iyi anlayabilmesi ve kullanılması:

  • Schema.org.
  • Wikidata / Vikipedi.
  • Google Cloud Doğal Dil İşleme API'si
  • DBpedia. [19659007] Google arama operatörleri.

Kullanıcılar artık geçmişte olduğundan daha fazla geziniyor: 2010'da görüntüleme süresinin yüzde 80'i ekranın üstündeydi ve 2018'de görüntüleme süresinin yüzde 81'i ilk üç tam ekran içinde gerçekleşiyor. Kaydırma kesinlikle arttı.

Kevin, render ağacında bir araya gelen CSS nesne modeli (CSSOM) ve belge nesne modeli (DOM) ağaçlarından bahsetti. Bu, her bir öğenin düzenini ve pikselleri ekrana işleyen boya işlemini belirler.

Googlebot bir web sayfası nasıl oluşturur:

  • Başsız Chrome.
  • Chrome 41.
  • Sunucu tarafı içeriği.
  • 19659007] JS yürütülebilir, ancak DOM tüm kuralları.

Kevin daha sonra web yöneticilerinin uzun soluklu içerik için hangi seçeneklere sahip olduklarından bahsetmeye başladı. Dört türün ana hatlarını çizdi:

Kevin, tek sayfalık uygulamalardan (SPA'lardan) bahsetirken, SPA'ların kullanımının, bağlantı eşitliği konsolidasyonu, bütçe verimliliğinin artırılması ve topikal modelleme olduğunu söyledi. Kullanıcı erişilebilirliği ve web yönlendirme için dikkat çekti.

Mobil ilk uzun form içeriği için önerilerinin özeti ile sona erdi:

  • Sorguyu araştırın.
  • Topikal kapsama formülü.
  • günlükler ve trafik.
  • Önceden oluşturulmuş ve sonradan oluşturulmuş sayfa görünümünü denetleyin.
  • Akordeon içeriğini görüntüleyin.
  • PushState için URL'ye 1: 1 içerik kullanın.
  • Gelişmiş deneyimler için tek sayfalık uygulamalar yayınlayın.
  • Arama için sunucu tarafı içeriği kullanın.

Sunum platformu: Mobil Bir İlk Dünyada SEO için Uzun Form İçeriği


Daha fazla bilgi edinmek ister misiniz? En çok endüstri uzmanlarının SEO ve SEM konularına ilişkin kendi ipuçlarını, taktiklerini ve stratejilerini paylaşacakları New York City'deki SMX East “SEO & SEM ile Takın” konferansımıza katılın.


Bu makalede anlatılan görüşler şunlardır: Konuk yazar ve mutlaka Arama Motoru Arazi. Yazarlar burada listelenmiştir.


Yazar Hakkında

Patrick Stox, IBM için bir SEO Uzmanı ve ABD'deki en başarılı SEO Toplantısı olan Raleigh SEO Meetup için bir organizatördür.