Προεπισκόπηση Snippet SERP
Πληκτρολογήστε τον τίτλο σελίδας σας, τη μετα-περιγραφή και το URL για να δείτε μια ζωντανή, εικονοστοιχειώδη-ακριβή προεπισκόπηση του αποτελέσματος της Google σας snippet στην επιφάνεια εργασίας και στο κινητό, με προειδοποιήσεις truncation πριν σας κοστίσει κλικ.
Πώς να χρησιμοποιήσετε την προεπισκόπηση SERP
Τέσσερα γρήγορα βήματα σε ένα μολύβι που εμφανίζεται στο πλήρες και κερδίζει το κλικ.
Εισάγετε τον τίτλο της σελίδας σας
Πληκτρολογήστε την ετικέτα τίτλου που σχεδιάζετε να χρησιμοποιήσετε. Ο χαρακτήρας και οι μετρητές pixel update live ώστε να μπορείτε να δείτε πόσο κοντά είστε στο όριο επιφάνειας εργασίας της Google ~600px.
Προσθέστε την περιγραφή URL και μετα
Επικόλληση της σελίδας URL και να γράψετε τη μετα περιγραφή. Η προεπισκόπηση καθιστά το breadcrumb, μπλε τίτλο και γκρι snippet ακριβώς σαν ένα πραγματικό αποτέλεσμα.
Εναλλαγή μεταξύ επιφάνειας εργασίας και κινητού
Εναλλαγή της επιφάνειας εργασίας και των καρτέλων Mobile για να ελέγξετε και τις δύο διατάξεις, δεδομένου ότι το κινητό χρησιμοποιεί μια πιο στενή στήλη και τυλίγει τίτλους σε περισσότερες γραμμές.
Φτιάξε τις προειδοποιήσεις για την κατακρήμνιση
Επεξεργασία μέχρι να γίνουν πράσινες οι προειδοποιητικές μάρκες. Σχηματίστε οτιδήποτε σημαδεύεται ως πολύ ευρύ, έτσι ώστε η Google να δείχνει τον πλήρη τίτλο και την περιγραφή σας αντί για μια έκλειψη.
Ερωτήσεις για το SERP
Για προγραμματιστές
This SERP preview runs 100% client-side — the pixel measurement happens in your browser, so nothing you type is ever uploaded.
✓ Ιδιωτικό από το σχεδιασμό
Η εκτροπή μετράται με τον ίδιο τρόπο που ο περιηγητής σχεδιάζει το κείμενο. με το μέτρο ΚάνβαςText API. Εδώ είναι η κεντρική ιδέα που μπορείτε να πέσετε στο δικό σας αγωγό κατασκευής:
// Measure rendered pixel width like Google does
const ctx = document.createElement('canvas').getContext('2d');
function titleWidth(text, font = '20px arial') {
ctx.font = font;
return ctx.measureText(text).width; // > 600 => truncated on desktop
}
console.log(titleWidth('Your page title here'));
Need this at scale — batch-checking thousands of titles from your CMS or CI? A hosted REST API for our SEO tools is available on paid plans. Βλέπε σχέδια →
Χρησιμοποιήστε το προγραμματισμένα
Κάθε εργαλείο είναι διαθέσιμο μέσω ενός επικυρωμένου REST API στα σχέδια Pro και API.