SORU
21 Kasım 2012, ÇARŞAMBA


Nasıl arama motorları AngularJS uygulamalar ile anlaşma yapmak?

AngularJS uygulaması ile iki konu arama motorları hakkında ve SEO görüyorum

1) özel etiketler ile olur? Arama motorları bu etiketleri içinde tüm içeriğini görmezden mi? yani ben varsayalım

<custom>
  <h1>Hey, this title is important</h1>
</custom>

<h1> özel etiketleri içinde olmasına rağmen endeksli olurdu?


2) indeksleme arama motorları önlemek için bir yoldur {{}} bağlar tam olarak nedir? yani

<h2>{{title}}</h2>

Gibi bir şey yapabileceğimi biliyorum

<h2 ng-bind="title"></h2>

Eğer gerçekten paletli "" başlık? görelim istiyorum ama Sunucu tarafı tek çözüm oluşturma?

CEVAP
23 NİSAN 2014, ÇARŞAMBA


PushState ve Precomposition kullanın

(2015) bunu yapmak için geçerli bir yol JavaScript pushState metodu kullanıyor.

PushState sayfayı yeniden olmadan üst tarayıcı çubuğuna URL'Yİ değiştirir. Bir sayfa sekmeleri içeren söyleyin. Sekmeleri gizle ve göster içerik ve içeriği dinamik olarak, ya da AJAX kullanarak veya sadece Görüntü Ayarı:yok eklenir ve:ve doğru sekme içeriği gizlemek göstermek için blok.

Sekmeler tıklandığında, pushState adres çubuğuna URL'yi güncelleştirmek için kullanın. Sayfa görüntülendiğinde, adres çubuğuna değeri göstermek için belirlemek için kullanın. Sizin için otomatik olarak açısal yönlendirme yapar.

Precomposition

PushState Tek Sayfa Uygulaması (SPA) vurmak için iki yol vardır

  1. PushState), kullanıcı PushState bir bağlantı tıklama ve içerik AJAXed.
  2. Doğrudan URL vurarak.

Sitede ilk atışından doğrudan URL isabet içerir. Sonraki isabet yalnızca içerik PushState güncellemeleri URL AJAX olacak.

Bir sayfadan gezginleri hasat bağlantıları daha sonra işleme için sıraya eklemek. Bu bir gezgin için, sunucuda her isabet Pushstate ile gidin bilmiyorlar doğrudan darbe anlamına geliyor.

Precomposition demetleri JSON nesnesi olarak sunucudan ilk tepki, muhtemelen ilk yük. Bu Arama Motoru AJAX çağrısı çalıştırmadan sayfa işlemek için izin verir.

Google AJAX istekleri yürütmek olabileceğini önermek için bazı kanıtlar vardır. Bu konuda daha fazla burada:

http://www.analog-ni.co/precomposing-a-spa-may-become-the-holy-grail-to-seo

Arama Motorları ve JavaScript okumak çalıştırmak için kullanılabilir

Google bir süredir JavaScript ayrıştırmak için mümkün olmuştur, onlar aslında Chrome, Google için tam özellikli başsız bir tarayıcı olarak hareket için geliştirilmiş neden örümcek. Eğer geçerli bir link href özniteliği varsa, yeni URL'Yİ dizine eklenebilir. Yapacak başka bir şey yok.

Buna ek olarak bir linke pushState bir ara tetikler, site PushState ile kullanıcı tarafından incelenebilir.

PushState URL için Destek arama Motoru

PushState şu anda Google ve Bing tarafından desteklenmektedir.

Google

İşte Matt Cutts SEO için PushState hakkında Paul İrlandalı sorusuna yanıt:

http://youtu.be/yiAF9VdvRPw

İşte Google spider için tam JavaScript desteği dile getirdiler:

http://googlewebmastercentral.blogspot.de/2014/05/understanding-web-pages-better.html

Sonuçta Google PushState destekler ve URL dizin PushState.

Ayrıca webmaster araçları' Googlebot gibi getir. Google bakın JavaScript (Açısal dahil) idam olduğunu göreceksiniz.

Bing

Burada oldukça PushState URL Mart 2013 tarihli destek Bing duyurusu:

http://blogs.bing.com/webmaster/2013/03/21/search-engine-optimization-best-practices-for-ajax-urls/

HashBangs kullanmayın #!

Hashbang URL çirkin bir eğreti geliştirici özel bir konumda sitenin pre-render versiyonu da karşılar. Yine de işe yarar ama kullanmaya gerek yok.

Hashbang URL bu gibi görünüyor:

domain.com/#!path/to/resource

Böyle bir meta ile eşleştirilmiş olabilir:

<meta name="fragment" content="!">

Google bu tür dizin değil, ama _escaped_fragments_ URL ve dizin bu sitenin statik bir sürümü çeker yerine.

Pushstate URL sıradan bir URL gibi:

domain.com/path/to/resource

Fark Açısal belge değişikliği müdahale ederek bunları sizin için yönetir.konum JavaScript ile ilgili.

Eğer kullanmak istiyorsanız PushState Url (ve muhtemelen) eski karma stil Url ve meta çıkar ve sadece config blok HTML5 modu etkinleştirin.

Sitenizi test

Google Web Yöneticisi Araçları google gibi bir URL almak için izin verecek bir araç içerir ve Google gibi işlemek JavaScript vermektedir.

https://www.google.com/webmasters/tools/googlebot-fetch

Üreten PushState Açısal olarak ekleyin

Açısal gerçek URL oluşturmak için, # öneki olanlar yerine, locationProvider nesne doların üzerinde HTML5 modu ayarlayın.

$locationProvider.html5Mode(true);

Sunucu Tarafı

Gerçek URL kullanıyorsanız bu yana, aynı şablonu (artı bazı precomposed içerik) geçerli URL için sunucu tarafından sevk alır sağlamak gerekir. Bu nasıl sunucu mimarisi bağlı olarak değişir.

Site haritası

App navigasyon alışılmadık biçimleri, örnek getirin veya kaydırma için kullanabilir. Google app götürmek mümkün olduğundan emin olmak için, muhtemelen bir site haritası oluşturma, uygulama yanıt verir tüm URL basit bir liste öneririm. Varsayılan konumu (/site haritası /sitemap.xml bu yer, ya da bu konuda söyle Google webmaster araçlarını kullanarak yapabilirsiniz.

Bir site haritası olması iyi bir fikirdir.

Tarayıcı desteği

Pushstate IE10 çalışır. Eski tarayıcılarda, Açısal otomatik olarak yeniden moda URL karma düşecek

Demo bir sayfa

Aşağıdaki içerik precomposition ile pushstate bir URL kullanarak oluşturulur:

http://html5.gingerhost.com/london

Doğrulanabilir, this link, içerik dizini ve Google ortaya çıkıyor.

404 ve 301 Başlığı durum kodları hizmet

Arama motoru her zaman her istek için sunucu vuracaktır çünkü, sunucu üstbilgi durum kodları hizmet ve Google onları görmek için bekleyebilirsiniz.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Arun Kumar

    Arun Kumar

    18 Mart 2010
  • El SalvaLobo

    El SalvaLobo

    10 Temmuz 2006
  • TechShowsYou

    TechShowsYou

    3 Mart 2011