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

สารบัญ:

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

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

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

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

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

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

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

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

เพื่อการสะท้อนที่ถูกต้องในเครื่องมือค้นหา คุณต้องป้อนรูปภาพในรหัส ในการดาวน์โหลด ใช้แท็ก สตริงถูกแทรกเข้าไป มีตัวเลือกอื่น -.

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

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

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

ก่อนที่จะเพิ่ม favicon คุณควรตัดสินใจเกี่ยวกับการขยาย สามารถเป็น:

  • 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
โอเปร่า 2 2 2 2 2 2 2
ซาฟารี 3 1 2 1 2 1 2

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

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

3 - รองรับทุกเวอร์ชั่น

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

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

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

การใส่ favicon ลงในรูทของไซต์นั้นง่ายมาก แต่ยังไม่เพียงพอที่จะสร้างส่วนขยายหลายรายการ ในการทำเช่นนี้ คุณต้องแทรกโค้ด HTML หลังจากกำหนดกรอบบรรทัด.

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

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

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

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

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

  • สำหรับ "ยานเดกซ์" –
  • สำหรับ "Google" –
วิธีเพิ่ม favicon ใน Yandex Direct
วิธีเพิ่ม favicon ใน Yandex Direct

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