Έλεγχος Favicon
Σύντομη απάντηση
Ελέγξτε την παρουσία και τη σωστή διαμόρφωση του favicon.
Τι Κάνει
Ελέγχει την ύπαρξη favicon στις μορφές που αναμένουν τα προγράμματα περιήγησης και οι εγκαταστάσεις PWA: `/favicon.ico`, μια δηλωμένη `<link rel="icon">`, ένα SVG favicon, Apple touch icons, ένα Web App Manifest με maskable icon, και μια meta ετικέτα theme-color. Επιστρέφει επιτυχία/αποτυχία ανά έλεγχο συν μια βαθμολογία ετοιμότητας PWA.
Γιατί Έχει Σημασία
Τα favicon εμφανίζονται δίπλα στις σελίδες σας στα αποτελέσματα της Google, στις καρτέλες και τους σελιδοδείκτες του προγράμματος περιήγησης, και ως το εικονίδιο εφαρμογής όταν κάποιος εγκαθιστά τον ιστότοπό σας. Ένα εικονίδιο που λείπει κάνει τον ιστότοπό σας πιο δύσκολο να ξεχωρίσει παντού. Ένα favicon.ico, ένα SVG icon, ένα Apple touch icon 180×180 και ένα web app manifest με icons 192px και 512px καλύπτουν τα σημερινά προγράμματα περιήγησης και συσκευές.
Πώς Λειτουργεί
-
Εισάγετε τον τομέα σας και κάντε κλικ στο Εκτέλεση Ελέγχου
-
Ελέγχουμε το `/favicon.ico` συν όλους τους δηλωμένους συνδέσμους icon
-
Ελέγχουμε για SVG favicon, Apple touch icons, Web App Manifest και meta ετικέτα theme-color
-
Επιστρέφουμε ένα πλέγμα κατάστασης για κάθε αναμενόμενη παραλλαγή
Δείγμα εισόδου + εξόδου
host: rankproof.eu
/favicon.ico: 200 OK <link rel="icon">: υπάρχει <link rel="apple-touch-icon">: υπάρχει (180x180) SVG favicon: υπάρχει web app manifest: υπάρχει maskable icon στο manifest: υπάρχει theme-color meta tag: υπάρχει βαθμολογία ετοιμότητας PWA: 100/100
Ποιοι το Χρησιμοποιούν
-
Υπεύθυνος Μάρκας
Ελέγξτε κάθε τομέα στο χαρτοφυλάκιό σας — επιβεβαιώστε ότι ένα favicon και ένα Apple touch icon δηλώνονται πράγματι, και δεν λείπουν σιωπηλά.
-
Frontend Developer
Επικυρώστε το σύνολο favicon μετά από ανανέωση μάρκας — κάθε παραλλαγή που αναμένει το πρόγραμμα περιήγησης/σύστημα PWA υπάρχει.
-
Επικεφαλής PWA
Επιβεβαιώστε ότι το Web App Manifest είναι συνδεδεμένο και δηλώνει ένα maskable icon για εγκατάσταση PWA σε κινητό.
Συχνές Ερωτήσεις
Ποιες μορφές favicon υποστηρίζει η Αναζήτηση Google;
BMP, GIF, ICO, PNG, JPEG, PPM και TIFF, δηλωμένες στην αρχική σας σελίδα με rel="icon", rel="apple-touch-icon" ή rel="apple-touch-icon-precomposed". Το εικονίδιο πρέπει να είναι τετράγωνο και τουλάχιστον 8×8px· η Google συνιστά μεγαλύτερο από 48×48px.
Χρειάζομαι ακόμα το favicon.ico;
Εξακολουθεί να είναι καλή ιδέα. Ορισμένα προγράμματα περιήγησης και εργαλεία ζητούν το /favicon.ico απευθείας χωρίς να διαβάζουν το HTML σας.
Τι είναι το Apple touch icon;
Ένα PNG 180×180 που χρησιμοποιείται ως εικονίδιο αρχικής οθόνης όταν χρήστες iOS προσθέτουν τον ιστότοπό σας ως web app. Δηλώστε το μέσω `<link rel="apple-touch-icon">`.
Πρέπει το favicon να είναι SVG;
Τα σύγχρονα προγράμματα περιήγησης δέχονται SVG εικονίδια, τα οποία παραμένουν ευκρινή σε κάθε μέγεθος. Η Αναζήτηση Google δεν περιλαμβάνει το SVG μεταξύ των υποστηριζόμενων μορφών favicon, οπότε κρατήστε επίσης ένα PNG ή ICO.
Γιατί η Google εμφανίζει ένα γενικό εικονίδιο υδρόγειου για τον ιστότοπό μου;
Συνήθως δεν υπάρχει favicon, το URL του είναι χαλασμένο, ή η Google δεν έχει ανιχνεύσει ξανά την αρχική σας σελίδα από τότε που το προσθέσατε. Ελέγξτε ότι το εικονίδιο φορτώνει και δηλώνεται στην αρχική σελίδα, και δώστε στην Google χρόνο να επανανιχνεύσει.