คำถามติดแท็ก favicon

ฉันต้องการมีรายการไฟล์ที่ควรมีอยู่ในทุกเว็บไซต์ แนวคิดก็คือทำให้เบราว์เซอร์และบอทส่วนใหญ่พอใจและลดจำนวนข้อความ 404 ข้อความลงในบันทึก จนถึงตอนนี้ฉันมีไฟล์ต่อไปนี้: /favicon.ico /robots.txt /sitemap.xml /apple-touch-icon-72x72-precomposed.png /apple-touch-icon-72x72.png /apple-touch-icon-precomposed.png /apple-touch-icon.png มีไฟล์อื่น ๆ ที่ได้รับการร้องขอบ่อยและควรอยู่ในทุก ๆ เว็บไซต์หรือไม่

36 robots.txt  404  logging  favicon 

ฉันรู้ไอคอนเว็บพื้นฐานเริ่มต้น 2 แบบสำหรับเว็บไซต์: Favicon : วาง.icoไฟล์ที่จัดรูปแบบไว้ที่รูทของไซต์ของคุณfavicon.icoและเบราว์เซอร์เดสก์ท็อปส่วนใหญ่จะพบไฟล์นั้นและแสดงในบริบทต่าง ๆ (บุ๊กมาร์กแท็บ) นอกจากนี้ยังสามารถเพิ่มในรหัสซึ่งช่วยให้คุณสามารถระบุชื่ออื่น ๆ และประเภทกราฟิกอื่น ๆ ไปยังไฟล์แม้ว่าจะมีข้อ จำกัด ประเภทและขนาดสำหรับเบราว์เซอร์ : <link rel="shortcut icon" href="/webmasters//favicon.ico" /> <link rel="icon" href="/webmasters//favicon.ico" /> ไอคอนเว็บคลิป : วางpngไฟล์ที่มีการจัดรูปแบบที่เรียกว่าapple-touch-icon.pngหรือapple-touch-icon-precomposed.pngที่รูทของเว็บไซต์ของคุณและเวอร์ชันของ iPhone OS / iOS ของ Safari จะเลือกไฟล์เหล่านั้นและเก็บไว้เมื่อมีการเพิ่มไซต์ลงในหน้าจอโฮม สามารถเพิ่มด้วยรหัสเช่น: <link rel="apple-touch-icon" href="/webmasters//custom_icon.png" /> มีกราฟิกไอคอนเริ่มต้นอื่น ๆ สำหรับเว็บไซต์ที่ผู้ดูแลเว็บสามารถรวมได้หรือไม่

24 favicon  icon 

ฉันพบเมตาแท็ก HTML ที่ฉันไม่รู้จักและสงสัยว่ามันมีไว้เพื่ออะไร: <link rel="fluid-icon" href="https://github.com/fluidicon.png" title="GitHub" /> ฉันไปรอบ ๆ แต่ไม่พบคำอธิบายใด ๆ นี่คืออะไร? วิธีการ favicon ใหม่หรือไม่? และสิ่งที่แตกต่างจากสิ่งที่ฉันรู้อยู่แล้วคือ: <link rel="icon" href="images/2/mail_icon_32.png" sizes="32x32"> <link rel="shortcut icon" href="https://www.google.com/a/scoop-gmbh.de/images/favicon.ico" type="image/x-icon">

22 meta-tags  favicon  icon 

คำถามนี้ถูกโยกย้ายจาก Stack Overflow เนื่องจากสามารถตอบได้ใน Webmasters Stack Exchange อพยพ 9 ปีที่ผ่านมา มาตรฐานที่ทันสมัยสำหรับการเพิ่ม favicon ในเว็บไซต์ของฉันคืออะไร รูปแบบและขนาดของรูปภาพมาตรฐานคืออะไร?

20 html  images  favicon 

เมื่อใดก็ตามที่ฉันสร้างการfavicon.icoใช้html-kit.comมันทำให้ฉันมีตัวเลือกในการรับเวอร์ชันภาพเคลื่อนไหว ฉันไม่เคยใช้ favicon แบบเคลื่อนไหวมาก่อน แต่อย่างอื่นที่ไม่ใช่ "เสียงรบกวนทางสายตา" มีเหตุผลอะไรบ้างที่เป็นความคิดที่ไม่ดี? มีประเพณีที่สร้างสรรค์หรือน่าสนใจของ favicon ที่เคลื่อนไหวได้หรือไม่? แก้ไขเพื่อความชัดเจนชุดภาพเคลื่อนไหว html-kit จะให้ GIF ซึ่งคุณสามารถชี้ไปที่การใช้เมตาแท็กได้ ขออภัยที่รองรับรูปแบบภาพ favicon.ico

20 graphics  favicon  branding 

ฉันมีเว็บไซต์ที่ไม่มี / ต้องการ favicon มีวิธีในการสั่งให้เบราว์เซอร์ไม่ให้เสียคำขอหรือ / favicon.ico หรือไม่? ฉันไม่ได้หมายถึงการกรองบันทึก แต่มีบางสิ่งที่ฝั่งไคลเอ็นต์เช่นนี้: <link rel="shortcut icon" href="about:blank" /> ดูเหมือนว่าจะใช้งานได้ แต่ฉันไม่อยู่ในตำแหน่งที่จะทำการทดสอบที่ครอบคลุม (และเครื่องมือค้นหาไม่มีประโยชน์) ทุกคนสามารถยืนยันว่านี่เป็นวิธีที่ถูกต้องหรือเป็นทางเลือกที่เหมาะสมหรือไม่ อัปเดต:ในการตรวจสอบเพิ่มเติมนั่นไม่ได้ผล (อย่างน้อยก็ไม่ใช่กับ Chromium 18 บนโดเมนที่ไม่ใช่ของท้องถิ่น) วิธีแก้ปัญหาบางส่วนใช้data:URL เพื่อแสดงภาพว่างเปล่า base64 ( ตัวอย่างจากที่นี่ ): <link href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAYAAABPYyMiAAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAF0lEQVRIx2NgGAWjYBSMglEwCkbBSAcACBAAAeaR9cIAAAAASUVORK5CYII=" rel="icon" type="image/x-icon" /> สิ่งนี้ใช้ได้ แต่มีสองด้าน: มันอาจจะล้มเหลวในเบราว์เซอร์ที่ไม่สนับสนุน URL ข้อมูล มันส่งผลให้ไม่มี favicon เลย - นั่นคือซ่อนไอคอนเริ่มต้นของเบราว์เซอร์

19 html  favicon 

ใน Firefox รุ่นเสถียรล่าสุด (รุ่น 57) ขนานนาม Quantum ผู้ใช้ควบคุมคุณสมบัติของเว็บไซต์ยอดนิยมบนแท็บใหม่เปลี่ยนไป ก่อนหน้านี้มีเพียงภาพย่อขนาดย่อของภาพหน้าจอบางส่วนที่ปรากฏโดยไม่คำนึงถึงเว็บไซต์และไม่สามารถควบคุมได้ ขณะนี้บางเว็บไซต์ปรากฏขึ้นพร้อมกับไอคอนขนาดใหญ่ในขณะที่บางเว็บไซต์จะแสดงเป็นภาพขนาดย่อดังกล่าวข้างต้นและ favicon ของพวกเขาวางซ้อนอยู่ที่มุม ตัวอย่างเว็บไซต์ที่มีไอคอนขนาดใหญ่: Amazon, TechCrunch, Slack และ GitHub ตัวอย่างเว็บไซต์ที่ได้รับภาพขนาดย่อที่มีการรักษาแบบ favicon: Slashdot, Steam, Kongregate, Gizmodo เท่าที่ฉันสามารถบอกได้ไม่มีการสัมผัสหรือเหตุผลใด ๆ โดยเฉพาะกับเรื่องนี้ ฉันยังไม่พบเอกสารใด ๆ เลยในคุณลักษณะ Top Sites หลังจากขุดลงไปในซอร์สโค้ด Firefox สักครู่ฉันก็พบว่าbrowser\extensions\activity-stream\lib\TopSitesFeed.jsmมีโค้ดในส่วนนี้: /** * Get an image for the link preferring tippy top, rich favicon, screenshots. */ …

13 firefox  favicon 

ฉันต้องการหยุดรับFile does not exist: apple-touch-icon...บรรทัดทั้งหมดใน error.log แต่ไม่ต้องการใช้เวลาสร้างไฟล์ไอคอนเพิ่มเติม นอกเหนือจากไอคอนบล็อกเล็กน้อยสำหรับทุกคนที่บันทึก URL ของฉันไปที่หน้าจอหลักของพวกเขาบนอุปกรณ์ iOS แล้วมีข้อเสียอะไรหรือเปล่าที่apple-touch-icon{-120x120,76x76,}{-precomposed,}.pngจะเชื่อมโยงแต่ละรายการเข้ากับ 20x21 ของฉันfavicon.ico

11 favicon  icon  ios 

เราใช้รหัสต่อไปนี้เพื่อเพิ่มไอคอนสำหรับ favicon, แท็บเล็ต, สมาร์ทโฟน, ไทล์ Windows 8 และสิ่งที่ชอบ: - <link rel="apple-touch-icon" href="apple-touch-icon.png"> <link rel="shortcut icon" type="image/x-icon" href="/webmasters//favicon.ico"/> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png"> <link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png"> <meta name="msapplication-TileImage" content="apple-touch-icon-144x144-precomposed.png"/> <meta name="msapplication-TileColor" content="#17151a"/> น่าเสียดายที่นี่ดูเหมือนจะใช้งานไม่ได้กับหน้าจอไซต์ที่ได้รับความนิยมมากที่สุดของ IE9 และ IE10 แต่การค้นหาของกูเกิลก็ไม่ได้ทำให้กระจ่าง การใช้งานสแต็ก<link rel="apple-touch-icon" href="apple-touch-icon.png">ซึ่งดูเหมือนว่าจะทำงานได้ดี แต่ไม่ใช่สำหรับเรา เบาะแสใด ๆ ในการแก้ปัญหาชื่นชม

11 internet-explorer  favicon 

ฉันมีHello worldรหัสต่อไปนี้สำหรับแอพ Heroku ของฉัน favicon.icoนอกจากนี้ในโฟลเดอร์รากโครงการของฉันฉันมี import os from flask import Flask app = Flask(__name__) html = ''' <!doctype html> <html> <head> <link rel="shortcut icon" href="/webmasters//favicon.ico"> <title>Hello world!</title> </head> <body> <p>Hello world!</p> </body> </html> ''' @app.route('/') def index(): return html if __name__ == '__main__': port = int(os.environ.get('PORT', 5000)) app.run(host='0.0.0.0', port=port) faviconเมื่อฉันเรียกดูแอปของฉันฉันไม่เห็น …

11 favicon  heroku 

ไซต์ที่ฉันกำลังดูมีลิงก์ไปยัง favicon ของ 2 ลิงก์ต่อไปนี้: <link rel="shortcut icon" type="image/ico" href="/webmasters//_assets960/media/favicon.ico" /> <link rel="icon" href="/webmasters//favIcon.ico"/> คำถาม: มีเหตุผลที่ดีที่คุณจะระบุไอคอนสองครั้งด้วยวิธีที่ต่างกันเล็กน้อยสองวิธีนี้หรือไม่?

11 favicon 

ฉันกำลังมองหาคำแนะนำเกี่ยวกับ favicons และผลกระทบต่อเครื่องมือค้นหา เมื่อเร็ว ๆ นี้ฉันสังเกตเห็นไซต์ที่เปลี่ยน favicon ทุกครั้งที่คุณโหลดหน้าอื่นโดยไม่สูญเสียการจดจำสไตล์ favicon โดยรวม ฉันต้องการรวมสิ่งนี้ไว้ในเว็บไซต์ของฉันด้วย แต่ฉันต้องรับความเสี่ยงจากการทำ SEO ที่นี่หรือไม่?

9 seo  favicon