Ekranı kullanmak ne kadar kötü: CSS'de yok?


72

display: noneAlakasız popüler anahtar kelimeleri zorlama girişimi olabileceğinden, SEO nedenleriyle kullanmanın kötü olduğunu defalarca duydum . Birkaç soru:

  1. Bu hala bilgelik alıyor mu?
  2. Yalnızca tek bir kelimeyi mi, yoksa belki tek bir karakteri mi saklıyorsanız, fark yaratır mı?
  3. Herhangi bir kullanımından kaçınmanız gerekiyorsa, gizleme için tercih edilen teknikler nelerdir (belirli durumlarda tekrar görünür hale gelmesi gereken durumlarda)?

Şimdiye kadar bulduğum bazı referanslar:

Matt, 2005’ten bir yorumda bulundu.

Metin gizlemek için doğrudan CSS kullanıyorsanız, buna spam denirse şaşırmayın. Fare imleri veya DHTML metinlerinin veya logoya sahip olmalarının yanı sıra ayrıca metinlerinin de spam olduğunu söylemiyorum; Konferanstaki son konferansa "bir ziyaretçiye, bir yarışmacıya veya bir spam raporunu kontrol eden birine nasıl görüneceğini hayal ettim" demiştim. Şirketinizin adını ve Expo Markers logosu yerine Expo Markers'ı gösterirseniz, güzel olmalı. Göstermeye karar verdiğiniz metin 'Expo Markers ucuz çevrimiçi indirimi çevrimiçi Expo Markers satışı ...' ise, o zaman daha temkinli olurum, çünkü bu kötü görünebilir. "

Ve aynı makale hakkında başka bir yorumda

Google’da CSS kullanarak gizlenmiş görünen metni işaretleyebiliriz. Bugüne kadar bunu yapmak için sitelerini algoritmik olarak kaldırmadık. Banyo suyuyla bebek atmaktan kaçınmaya çalışıyoruz.

Eric Enge 2008'de dedi.

Bu tekniğin meşru kullanımı o kadar yaygın ki, arama motorlarından bu display: noneözelliği kullanmak için bir siteyi cezalandırmasını nadiren beklerdim . Belirli bir kullanımın display: nonearama motorlarını aldatmak veya aldatmak anlamına gelip gelmediğini gerçekten ortadan kaldırabilecek bir algoritma uygulamak çok zor .


Sonradan javascript ile gizlendiğim (içinde metin olmayan) beyaz bir ekran kullanıyorsam ne olur? Google, o beyaz ekranın altındaki sayfayı gizlediğimi düşünüyor mu? Teşekkür ederim
bloomingsmilez

Display'i kullanıyorum: mobil ekranlar için sayfa içeriğini azaltmak için yok çünkü daha büyük ekranda makul görünen kopya miktarı bir telefonda çok fazla. Kendime bir problem mi yaratıyorum?

Yanıtlar:


57

JQuery'nin (ve diğer JavaScript çerçevelerinin) yoğun web sitelerinde bu günlerde web sitelerinin yoğun olduğu web sitelerini göremiyorum, çünkü jQuery sürgüleri, geçişleri, galerileri, keneler vb. arama motorları, kullanımlarını kör şekilde cezalandırmayacak kadar akıllıdır.

Bir kullanıcı bunu Google Web Yöneticisi Merkezi forumunda belirtir :

"Yalnızca ekran kullanımı: hiçbiri otomatik olarak bir ceza tetiklemeyecektir. Anahtar, içeriğin görünür olması için otomatik veya kullanıcı tarafından başlatılan bir mekanizma olup olmadığına ilişkin bir konudur. Bu tür mekanizmaları bulun ve yorumlayın. Geçerli HTML, CSS ve JavaScript kullanıyorsanız endişelenecek bir şeyiniz yok. İyi şanslar! "


İlginç, teşekkürler. Bu, tembellikten kaçınmalı ve CSS'deki display: nonekodda kaldırılabilecek öğeleri kaldırmak için kullanmaktan kaçınmam gerektiğini ; ama etkileri ve bunun gibi iyiyim. Bir resim logosunun olduğu durumları nasıl tespit edebildiklerini merak ediyorum ve logosunun metni erişilebilirlik için de dahil ancak gizli. Açıklamadan, bu kötü olarak sayılırdı?
Andy

@Andy: Olabilir. Ancak logonun metnini gizlemek için CSS kullanmamalısınız; koymak altoznıtelığı imgetiketi. Bu özellik için ne var ve bildiğim kadarıyla, kullanma SEO puanınızı artırmak eğilimindedir.
David Z,

Aslında, longdesctam açıklamayı içeren başka bir sayfaya bağlantı sağlamak için resim etiketinin özelliğini kullandığınız bir durum olabilir gibi gözüküyor . Bu sadece ekran okuyucuları (ve belki de arama motorları) tarafından görülecektir. Bkz. Webaim.org/techniques/images/longdesc#longdesc
Dan Diplo,

Aslında bir grafiğin açıklamasını sunmanın en iyi yolunu aramıyorum ... Matt Cutts'un alıntılarına atıfta bulundum ... Söylemiyorum ki ... logo var ama aynı zamanda have-text spam . Kulağa altya da longdescözniteliklerden bahsetmiş gibi gelmiyor , ve içeriğe görünür bir şeyler koymak için bir mekanizma olup olmadığının anahtarı .
Andy

7

Kötüye kullanmıyorsanız, sorun olmaz. Şu anda Google, örneklerini arayan CSS stil sayfalarını taramıyordisplay: none

Google, yaygın olarak kullanılan bir stil kuralıyla savaş ilan etmeyecek, yalnızca ayarlanmış display: noneveya daha da kötü bir siteye 1000 anahtar kelime ekleyebileceklerini düşünenlere uyarı veriyor ,margin-left: 9999px


6

"Display: none" 'u sadece kullanılacak doğru alet olduğunda kullanın.

Alıntıların önerdiği gibi, arama motorlarının gösterdiği sorunlardan hiçbiri spam değildir. Hangi arama araçlarını kullandığınıza bakılmaksızın spam arama motorlarını spam olarak denemek kötü bir fikirdir. CSS’yi spam dışındaki herhangi bir şey için kullanıyorsanız, sorun olmaz.

Doğru iş için doğru alet.


3
Teşekkürler. O zaman soru ne zaman display: nonedoğru araç olur. CSS spam dışında bir şey için kullanılıyorsa, bunun sorun olmayacağını söylüyorsunuz: display: noneElemanları kaldırmak için tembel bir yöntem olarak kullanırsam , bunun sorun olmayacağına emin misiniz?
Andy

@Andy display: hiçbiri görüntülemek istemediğiniz zaman hiçbiri doğru araçtır. Öğeleri kaldırmak için, içermemesi en iyisi olabilir (veya JavaScript kullanıyorsanız, öğeleri DOM'den kaldırmak). Ekranı kullanarak içeriği sayfadan kaldırırsanız: none, kullanıcılar göremez, ancak arama motorları hala dizine ekler, bu spam olur. Bir çeşit "Göster / Gizle" düğmesi veya bunun gibi bir şey varsa, sorun yok.
luiscubal

4

Ben katılıyorum Dan Diplo ve ne dedi eklemek, ayrıca Google'ın kendisi kullanır display: noneonun ANA SAYFA içinde , yani gerçekten sürece yani fo yüzlerce ekleyerek (spam için kullanmayın sürece, bunu kullanarak bir sorun olamaz Ekrandaki anahtar kelimeler: yok DIV paneli).

Google HOME PAGE'yi açın ve HTML kaynak koduna bakın. display:noneSeni ara, birçok kez göreceksin. :)


Sağol Marco. Bu display: none, asla görünür olmayan unsurlar üzerinde kullanıp kullanamayacağınıza dair soruları bırakıyor .
Andy

@Andy: hiç bir zaman görünür elemanların sadece SPAM olması gerekmiyor, neden hiç görünmez elemanlar kullanmanız gerektiğini anlamıyorum, neden onları HTML sayfasına yerleştirmek rahatsız ediyor? Bu yüzden onları kullanmayı beklemiyorum, iyi bir fikir değil. Google onları şimdi veya gelecekte tespit edebilir ve sitenizi cezalandırabilir.
Marco Demaio

Aklıma gelen tek örnek, bir CMS kullanırken ve zamanla nedenlerle, işaretlemeyi tamamen ayırmak yerine özel bir tema oluşturmak yerine, bir veya iki küçük biçimlendirme parçasını gizlemek için CSS kullanmak isteyebilirsiniz. (Ve ben sadece Q'dan mevcut durumu daha iyi anlamasını istiyorum - seçimim CMS'im Drupal, işaretlemenin değiştirilmesinin hızlı ve kolay olduğu bir yer.)
Andy

@Andy - Bir arama motorunun binlerce satır javascript satırı okuması ve bir elemanın gösterilmesinin mantıksal olarak imkansız olduğu durumları tanımlaması mantıklı mıdır? Herhangi bir sitenin kodunu, $('.'+somevar).show();olası her değerin sahip somevarolabileceğini ve bunları DOM'nin mümkün olan her durumuyla karşılaştırabileceğini söyleyen ve karşılaştıran tek bir satırla incelemek biraz tersine mühendislik gerektirecektir. div durumlarda bol olmayacak mantıksal nedeniyle vb veriler, girdi, API / AJAX çağrısı sonuçlarına kullanıcı davranışı, gösterilen, ancak olabilir ...
user568458

@ user568458 Sorunun son paragrafında Eric Enge ve kabul edilen cevabında Dan Diploma tarafından yazılan nokta bu bence.
Andy

3

Bence başka alternatifler bulmaya çalışmalısın, fakat işte bazı referans makaleler.

Bu konuyla ilgili bir Webmaster radyo sohbetinde Maile ve Vanessa'ya bağlantılar içerir http://luigimontanez.com/2010/stop-using-text-indent-css-trick/

Maile bir Google Mühendisidir http://maileohye.com/html-text-indent-not-messing-up-your-rankings/

Bu, Google’ın bir çözüm getireceği bir şeydir, ancak uzun vadeli bir görünüm alırsanız negatif kayma ve hiçbirinin güvende olmadığını gösterir.


0

Google, CSS display:noneiçeriğini tarıyor .

Bir şeyi Google’dan gizlemek, yalnızca kasıtlı olarak arama sıralamalarını değiştirmeye çalışıyorsanız kötüdür.

Gizli seçenekler ve ziyaretçilerden gelen metinler, etkileşimli web sitelerinin nasıl hale geldiğine bakıldığında artık yaygın bir uygulamadır, bu yüzden endişelenmenize gerek yoktur. Geçmişte, insanlar SEO'yu oynamak, anahtar kelimeleri ve bağlantıları gizlemek için bu tür yöntemler kullanıyorlardı. Sonuçta Google, görüntüleyiciden gizlenen şeyleri olan bir siteyi taradığında, o siteyi daha az güvenilir görüyor.


0

Google'da seo ile bir konferans yaptım ve bu doğru değil. Hiçbir cezayı kesin olarak gösterin. Bundan bir süre önce bunun yerine görünürlükle ya da negatif metin boyutları ya da negatif girintiler kullanıldı.

Metnin görünür olması ve herhangi bir şekilde engellenmemesi gerektiği bir gerçektir. En azından hiç kazan plakası veya kopyalanmış veya tembel içerik yok.

Bu arada, google kendi sitesinde ne isterse yapabilir, bir patates olsa bile, ilk önce kendilerini koyarlar.

Özellikle önerilen ve muhtemelen kullanılacak olan yaklaşım, göstermek ve hangi tasarım sonuçlarına sahip olabileceği önemli değil.

Bu tarz stillerin dikkate alınmadığını kontrol etmek için işleri z-indexing (katmanlama) olarak önereceğim. Fakat algoritmanın bunu düşünecek kadar güçlü olduğunu sanmıyorum. Veya negatif konumlandırmayı görsel blok olarak kabul etmek için ekran boyutu üzerindeki kutu konumunu hesaplamak gibi şeyler.

Seo ergo müşterisinin ilgisini çeken ilgili metin görünür olmalıdır.


1
Bu cevap yanlış. Hangi konferansa gidersen git korkunç. Başka hangi çöpleri beslediklerini hayal edemiyorum. Muhtemelen meta etiketlerin de önemli olduğunu söylediler.
John Conde

1
Uzun bir anahtar kelime listesi oluşturursanız, sayfanıza ekleyin ve ekrana gizleyin: yok, Google sitenizi cezalandırır. Dizine alınacak olan metnin görünür olması gerektiği de doğrudur. Diğer cevapların işaret ettiği gibi, gösterim için meşru kullanımlar vardır: yok.
Stephen Ostermiller

Metin gizlemek için kullanılan teknik araçlar Google için hiç de önemli değil. Z-endeksi veya negatif konumlandırmanın Google’ın kapüşonunu kapamak için kullanılabileceği spekülasyonu tamamen yanlış. Googlebot artık vermektedir sayfaları ve diğer cevaplar işaret page.As üzerinde piksel olarak gösterilmesini metin önlemek için kullanılan herhangi bir araç tespit edebilir, değil
Stephen Ostermiller'ın
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.