ชื่อ บริษัท ในโลโก้ควรเป็นภาพหรือข้อความ

ฉันใส่โลโก้ (ประกอบด้วยภาพและชื่อ บริษัท ) บนเว็บไซต์ของฉัน ฉันไม่แน่ใจว่าจะบันทึกข้อความชื่อ บริษัท เป็นส่วนหนึ่งของไฟล์รูปภาพหรือให้เป็นข้อความจริงใน html และจัดรูปแบบโดยใช้ css

เห็นได้ชัดว่าถ้าฉันบันทึกไว้เป็นรูปภาพแล้วฉันไม่ต้องกังวลเกี่ยวกับผู้ใช้ที่มีแบบอักษรที่ถูกต้อง ฯลฯ แต่ฉันคิดว่าการมีข้อความเป็นข้อความอาจดีกว่าสำหรับ SEO

นี่เป็นเรื่องของรสนิยมหรือเป็นวิธีหนึ่งที่ดีกว่าอีกวิธีหนึ่งหรือไม่?

Google ชอบแอตทริบิวต์ alt ของ บริษัท

ทั้ง Google และ Bing เข้าใจว่าโลโก้มักจะซ้ำกันใน PNG, GIF และ JPEG เพียงทำเครื่องหมายโลโก้โดยใช้คำอธิบาย alt เพื่อแจ้งเครื่องมือค้นหาว่าเป็นโลโก้สำหรับธุรกิจของคุณ

ตัวอย่างพื้นฐาน:

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

ตัวอย่างสคีมา:

<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>

ตัวอย่างสคีมาของ JavaScript:

หากคุณต้องการให้รหัสของคุณง่ายขึ้นให้ใช้ JSON-LD Schema เพราะคุณไม่จำเป็นต้องแก้ไขรหัสหน้า แต่ให้เพิ่มรหัสที่ส่วนท้ายของหน้าของคุณหรือใช้ Google เครื่องจัดการแท็กเพื่อแทรกเข้าไปในหน้าเว็บโดยไม่ต้องยกนิ้ว

เช่น

<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

หากคุณต้องการให้ Google หรือ Bing เห็นชื่อ บริษัท ของคุณในภาพคุณสามารถทำได้โดยใช้รูปแบบ SVG รูปแบบนี้อนุญาตให้คุณใช้ TEXT ภายในภาพซึ่งผู้ใช้และเครื่องมือค้นหาจะมองเห็น หากความสามารถในการเข้าถึงเป็นเรื่องที่กังวลคุณควรเก็บชื่อ บริษัท เป็น TEXT และไม่เป็นรูปร่างเช่นสร้างโครงร่าง

เช่นบางสิ่งเช่นนี้

<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 ไม่ชอบโลโก้ที่แฮ็ก CSS

เครื่องมือค้นหาไม่ชอบโลโก้ถูกแสดงด้วยเทคนิคและสิ่งอื่น ๆ text-indent e.g -9999px; background: url(logo.png) no-repeat;เหมือนกันเช่น พื้นหลังควรใช้เป็นพื้นหลังเสมอ ถ้ามันเป็นองค์ประกอบทรัพยากรบนหน้ารูปภาพของมันก็จะเป็นพื้นหลังเสมอ ใช้ตัวอย่างก่อนหน้า 2 ตัวอย่างไม่ใช่อันนี้ ... มันมีประโยชน์ 'ย้อนกลับไปในวันนี้' แต่ไม่จำเป็นต้องใช้มาร์กอัปอีกต่อไป

วิธีนี้ยังช่วยในการเข้าถึง (ผู้ใช้ที่มีความบกพร่อง)

เนื่องจากข้อความเป็นส่วนหนึ่งของโลโก้ฉันจะเก็บไว้ในรูปภาพ (บันทึกในการพยายามจับคู่แบบอักษรที่ไม่ได้มาตรฐานและต้องวางตำแหน่งให้เหมือนกับโลโก้) - คุณสามารถวางไว้ในแอตทริบิวต์ alt หรือใช้ microdata เพื่อปรับปรุง seo ของคุณ:

<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>

ข้อมูลเพิ่มเติมเกี่ยวกับ microdata ขององค์กร

เครื่องมือตรวจสอบ Google Microdata

Google Guidelines เกี่ยวกับโลโก้มาร์กอัป