/ / สิ่งที่คุณต้องรู้ก่อนเพิ่มไอคอน Fav ลงในไซต์ของคุณ

สิ่งที่คุณต้องรู้ก่อนเพิ่ม favicon ให้กับเว็บไซต์

ขณะนี้ไอคอน Fav ยังไม่สมบูรณ์ไซต์เดียว ไอคอนมาตรฐานจะรวมอยู่ด้วยเมื่อสร้างไซต์ เพียง แต่ไม่เหมาะกับผู้ใช้เสมอไป ปัญหาคือไม่ใช่ว่าเจ้าของทรัพยากรทุกคนจะรู้วิธีเพิ่มไอคอน Fav การดำเนินเรื่องจึงไม่ยาก แต่ผลลัพธ์จะช่วยให้คุณสามารถระบุไซต์ท่ามกลางคนอื่น ๆ ในผลการค้นหา ท้ายที่สุดคำหลักอาจคล้ายกันและไอคอน Fav จะไม่ทำให้คุณผิดหวัง เป็นการเพิ่มเติมของเขาที่มักอธิบายถึงการตัดสินใจของผู้เยี่ยมชมในการเข้าสู่แหล่งข้อมูล

Favicon สำหรับเว็บไซต์

ก่อนที่คุณจะสามารถวางไอคอน Fav บนไซต์ของคุณคุณต้องสร้างมันขึ้นมา ในการดำเนินการนี้คุณสามารถเลือกหนึ่งในตัวเลือกที่เสนอ:

  1. สั่งซื้อเค้าโครงจากนักออกแบบ
  2. สร้างตัวคุณเองบนบริการออนไลน์บนอินเทอร์เน็ต
  3. สร้างด้วยตัวคุณเองใน Photoshop
    วิธีเพิ่มไอคอน Fav ในยานเดกซ์

ภาพมาตรฐานถูกบันทึกด้วยส่วนขยาย ICO เป็นที่พึงปรารถนาในการเลือกขนาด 16x16 พิกเซล มีขนาดและอื่น ๆ จำเป็นเมื่อผู้ใช้บันทึกเพจไปยังเดสก์ท็อป

ต่อไปเราวางรูปภาพไว้ที่รากของไซต์ ในการดำเนินการนี้ให้ป้อนบรรทัด http://site.ru/favicon.ico โดยแทนที่:

  • site.ru เราลงทะเบียนชื่อทรัพยากรของเราเอง
  • favicon.ico ป้อนชื่อไฟล์ favicon

สำหรับการสะท้อนที่ถูกต้องในเครื่องมือค้นหาคุณต้องเขียนภาพลงในโค้ด ในการดาวน์โหลดให้ใช้แท็ก <head> </head> บรรทัด <link rel = "shortcut icon" href = "/ favicon.ico" type = "image / x-icon" /> ถูกแทรกลงใน อีกทางเลือกหนึ่งคือ <link rel = "icon" href = "/ favicon.ico" type = "image / x-icon" />

วิธีเพิ่มไอคอน Fav

หลังจากนั้นโลโก้ที่ออกแบบไว้จะถูกติดตั้ง คุณสามารถดูได้ทั้งในเว็บไซต์และในปัญหาการร้องขอ มีไอคอนอยู่ด้านหน้าของที่อยู่ทรัพยากร

Favicon และเบราว์เซอร์

ก่อนเพิ่มไอคอน Fav คุณควรตัดสินใจเกี่ยวกับส่วนขยาย มันสามารถ:

  • ICO
  • SVG
  • PNG
  • APNG
  • GIF
  • JPEG

แต่เบราว์เซอร์ต่างกันสนับสนุนส่วนขยายที่แตกต่างกัน เบราว์เซอร์ใดที่ภักดีต่อรูปแบบ Favicon ตารางด้านล่างจะแสดง

ประเภทเบราว์เซอร์

ICO

SVG

PNG

APNG

GIF

ภาพเคลื่อนไหว GIF

Jpeg

Internet Explorer

2

3

1

1

1

1

1

Google Chrome

3

3

2

1

2

1

2

Firefox

2

1

2

2

2

3

3

Opera

2

2

2

2

2

2

2

Safari

3

1

2

1

2

1

2

1 - ไม่รองรับ;

2 - ไม่รองรับทุกเวอร์ชัน

3 - รองรับทุกรุ่น

ดังนั้นหลายคนยังคงชอบมาตรฐานรูปแบบ. การเพิ่มไอคอน Fav ทำให้คุณไม่ต้องกังวลเกี่ยวกับประเภทของเบราว์เซอร์ไคลเอนต์ หากคุณไม่คำนึงถึงอายุความเป็นมืออาชีพและความชอบอื่น ๆ ของผู้ชมก่อนที่จะเพิ่มไอคอน Fav คุณอาจถูกทิ้งไว้โดยไม่มีโลโก้

หากคุณต้องการเพิ่ม Favicons หลายรายการ

บางครั้งมีความปรารถนาหรือต้องการเพิ่มภาพขนาดเล็กสำหรับแต่ละหน้าหรือสร้างรูปแบบที่แตกต่างกันสำหรับการดูบนเบราว์เซอร์ต่างๆ ในกรณีนี้คุณต้องเพิ่มการสัมผัสอีกสองสามครั้งสำหรับคำถามเกี่ยวกับวิธีการเพิ่มไอคอน Fav ด้วยวิธีมาตรฐาน

การเขียนการแทรกไอคอน Fav ลงในรูทของไซต์เป็นอย่างมากเรียบง่าย แต่ยังไม่เพียงพอที่จะสร้างส่วนขยายหลายรายการ ในการดำเนินการนี้คุณต้องแทรก <link rel = "icon" type = "image / ico" href = "http: //your_site/favicon.ico" /> ลงในโค้ด HTML โดยก่อนหน้านี้มีกรอบ <head> บรรทัด

เมื่อสร้างโครงสร้างดังกล่าวควรจำไว้ว่าไอคอนคำไม่เพียงพอสำหรับ Internet Explorer คุณต้องเขียนทางลัดก่อน ในกรณีนี้เบราว์เซอร์มาตรฐานจะตอบสนองต่อวลีและส่วนที่เหลือ - สำหรับคำสุดท้ายเท่านั้น

มีคำถามมากมายในฟอรัมวิธีเพิ่มไอคอน Fav ให้กับยานเดกซ์ หากมีการเพิ่มรูปภาพลงในรูทของไซต์ก็ไม่จำเป็นต้องลงทะเบียน โรบอทจะพบโดยปริยาย

เพิ่มแล้วหาย

มันเกิดขึ้นที่การกระทำทั้งหมดทำได้อย่างถูกต้องและเมื่อใดตรวจสอบในเครื่องมือค้นหาไม่มีภาพ ท้ายที่สุดสิ่งสำคัญไม่ใช่การเพิ่มเท่าไหร่ แต่จะเพิ่มไอคอน Fav อย่างไร ใน Yandex.Direct หากคุณเพิ่มอย่างถูกต้องการกลั่นกรองรูปภาพจะใช้เวลา 2 ถึง 4 สัปดาห์ ในขณะนี้ไซต์จะแสดงโดยไม่มีไอคอน Fav นอกจากนี้ยังควรค่าแก่การกล่าวถึงด้วยว่าด้วยตำแหน่งที่ต่ำของไซต์ในผลการค้นหาไอคอนอาจไม่ปรากฏเลย

หากเวลาผ่านไปและไม่มีไอคอนแสดงว่าส่วนขยายอาจไม่ตรงกับเบราว์เซอร์ คุณสามารถตรวจสอบความพร้อมใช้งานของไอคอน Fav:

  • สำหรับ Yandex - http://favicon.yandex.net/favicon/site_address;
  • สำหรับ Google - http://www.google.com/s2/favicons?domain=descript_site

วิธีเพิ่ม Favicon ลงใน Yandex Direct

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