Logodaki şirket adı bir resim veya metin olmalı mı?

Web siteme bir logo (resim ve şirket adı içeren) koyuyorum. Şirket adı metnini bir görüntü dosyasının parçası olarak kaydetmek mi, yoksa html'de gerçek metin olarak mı kullanmak istersiniz ve css kullanarak stillendirin.

Açıkçası ben bir görüntü olarak tüm kaydetmek o zaman ben doğru yazı tipleri vb sahip kullanıcı hakkında endişelenmenize gerek yok .. Ama metin olarak sahip SEO için daha iyi olabilir düşündüm.

Bu bir tat meselesi mi yoksa biri diğerinden çok daha mı iyi?

Google, şirketin alt özelliğini seviyor

Hem Google hem de Bing, bir logonun PNG, GIF ve JPEG'de sıklıkla tekrarlanacağını anlıyor. Arama motorlarına işletmeniz için LOGO olduğunu bildirmek için alt açıklamayı kullanarak logoyu işaretlemeniz yeterlidir.

Temel bir örnek:

<img src="logo.png" alt="Company Name Logo">

Bir Şema örneği:

<div itemscope itemtype="http://schema.org/Organization">
  <a itemprop="url" href="http://www.example.com/">Home</a>
  <img itemprop="logo" src="http://www.example.com/logo.png" alt="Company Name Logo"/>
</div>

Bir JavaScript Şeması örneği:

Kodunuzu basit tutmak istiyorsanız, JSON-LD Şemasını kullanın, çünkü sayfa kodunu asla düzenlemenize gerek kalmaz, sayfanızın sonuna bir kod eklemeniz veya parmağınızı kaldırmadan sayfaya enjekte etmek için Google Etiket Yöneticisi'ni kullanmanız,

Örneğin

<img src="logo.png" alt="Company Name Logo">
<script type="application/ld+json">
  {
  "@context": "http://schema.org/",
  "@type": "Organization",
  "url": "http://www.example.com/",
  "logo": "http://www.example.com/logo.png"
  }
</script>

Google, SVG logolarını da sever

Google veya Bing'in resimdeki şirket adınızı görmesini istiyorsanız SVG biçimini kullanarak bunu yapabilirsiniz. Bu biçim, TEXT'i kullanıcı ve arama motorları tarafından görülebilecek resim içinde kullanmanızı sağlar. Erişilebilirlik bir endişe kaynağıysa, şirket adını şekil olarak değil, METİN olarak saklamalısınız.

örneğin böyle bir şey:

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 500 500" enable-background="new 0 0 500 500" xml:space="preserve">
    <polygon fill="#998675" points="125,466.5 0,250 125,33.5 375,33.5 500,250 375,466.5 "/>
    <rect x="137.5" y="137.5" fill="#534741" width="225" height="225"/>
    <polygon fill="#C7B299" points="250,175 294.1,189.3 321.3,226.8 321.3,273.2 294.1,310.7 250,325 205.9,310.7 178.7,273.2 178.7,226.8 205.9,189.3 "/>
    <text transform="matrix(1 0 0 1 196.3787 253.5039)" font-family="'Montserrat-Bold'" font-size="12">COMPANY NAME</text>
</svg>

Google, saldırıya uğramış CSS logolarını beğenmiyor

Arama motorları hileler ve benzeri diğer şeylerle görüntülenen logoları sevmezler text-indent e.g -9999px; background: url(logo.png) no-repeat;. Arka planlar her zaman arka plan olarak kullanılmalıdır. Sayfadaki bir kaynak öğeyse, her zaman bir görüntüdür ve asla arka plan oluşturmaz. Bunu değil, önceki 2 örneği kullanın ... bu, 'gün içinde' kullanışlıdır, ancak mevcut işaretleme ile artık gerekli değildir.

Bu yöntem ayrıca erişilebilirliği (engelli kullanıcılar) için de berbattır.

Metin logonun bir parçası olduğu için, görüntünün içinde tutarım (standart olmayan yazı tiplerini eşleştirmeye ve tam olarak logoda olduğu gibi konumlandırmaya gerek kalmaz) - her zaman alt özniteliğe koyabilirsiniz veya seo'nuzu geliştirmek için mikro verileri kullanın:

<div id="main-logo-holder" itemscope itemtype="http://schema.org/Organization">
  <meta itemprop="name" content="Company Name">
  <meta itemprop="description" content="Company Description">
  <a itemprop="url" id="logo-home" href="https://www.website.co.uk/" class="main-logo">
    <img itemprop="logo" src="logo.jpg" alt="Company Name Logo">
  </a>
</div>

Kuruluş mikro verileri hakkında daha fazla bilgi

Google Mikro Veri Doğrulama Aracı

Logo işaretlemeyle ilgili Google Yönergeleri