🖥️ Προεπισκόπηση SERP & snippet

Προεπισκόπηση Snippet SERP

Πληκτρολογήστε τον τίτλο σελίδας σας, τη μετα-περιγραφή και το URL για να δείτε μια ζωντανή, εικονοστοιχειώδη-ακριβή προεπισκόπηση του αποτελέσματος της Google σας snippet στην επιφάνεια εργασίας και στο κινητό, με προειδοποιήσεις truncation πριν σας κοστίσει κλικ.

0 chars · 0px
0 chars · 0px
e
example.com
https://example.com

Πώς να χρησιμοποιήσετε την προεπισκόπηση SERP

Τέσσερα γρήγορα βήματα σε ένα μολύβι που εμφανίζεται στο πλήρες και κερδίζει το κλικ.

1

Εισάγετε τον τίτλο της σελίδας σας

Πληκτρολογήστε την ετικέτα τίτλου που σχεδιάζετε να χρησιμοποιήσετε. Ο χαρακτήρας και οι μετρητές pixel update live ώστε να μπορείτε να δείτε πόσο κοντά είστε στο όριο επιφάνειας εργασίας της Google ~600px.

2

Προσθέστε την περιγραφή URL και μετα

Επικόλληση της σελίδας URL και να γράψετε τη μετα περιγραφή. Η προεπισκόπηση καθιστά το breadcrumb, μπλε τίτλο και γκρι snippet ακριβώς σαν ένα πραγματικό αποτέλεσμα.

3

Εναλλαγή μεταξύ επιφάνειας εργασίας και κινητού

Εναλλαγή της επιφάνειας εργασίας και των καρτέλων Mobile για να ελέγξετε και τις δύο διατάξεις, δεδομένου ότι το κινητό χρησιμοποιεί μια πιο στενή στήλη και τυλίγει τίτλους σε περισσότερες γραμμές.

4

Φτιάξε τις προειδοποιήσεις για την κατακρήμνιση

Επεξεργασία μέχρι να γίνουν πράσινες οι προειδοποιητικές μάρκες. Σχηματίστε οτιδήποτε σημαδεύεται ως πολύ ευρύ, έτσι ώστε η Google να δείχνει τον πλήρη τίτλο και την περιγραφή σας αντί για μια έκλειψη.

Ερωτήσεις για το SERP

Η Google κατακτά συνδέσεις τίτλου επιφάνειας εργασίας σε περίπου 600 pixels, όχι σταθερό αριθμό χαρακτήρων, επειδή οι μεγάλοι χαρακτήρες όπως το W και το M λαμβάνουν περισσότερο χώρο από τους στενούς όπως το i και l. Αυτό το εργαλείο μετρά το πραγματικό πλάτος του πείρου ώστε να μπορείτε να δείτε ακριβώς πού θα αποκοπεί ο τίτλος σας.
Η Google εμφανίζει συνήθως περίπου 920 pixels της μετα-περιγραφής στην επιφάνεια εργασίας (περίπου 155 έως 160 χαρακτήρες) και λιγότερο στο κινητό.
Τα αποτελέσματα των κινητών χρησιμοποιούν μια πιο στενή στήλη και ένα διαφορετικό μέγεθος γραμματοσειράς, έτσι οι τίτλοι τυλίγονται σε περισσότερες γραμμές και οι περιγραφές κόβονται πιο σύντομα.
Όχι. Η προεπισκόπηση τρέχει εξ ολοκλήρου στο πρόγραμμα περιήγησής σας χρησιμοποιώντας το API-μετρήσεων κειμένου του Canvas. Τίποτα που πληκτρολογείτε δεν είναι ανεβάστε, συνδεθείτε ή αποθηκεύτηκε, ώστε να μπορείτε να ελέγξετε με ασφάλεια τις αδημοσίευτες σελίδες και τις εσωτερικές διευθύνσεις URL.

Για προγραμματιστές

Αυτή η προεπισκόπηση SERP τρέχει 100% client-side

✓ Ιδιωτικό από το σχεδιασμό

Η εκτροπή μετράται με τον ίδιο τρόπο που ο περιηγητής σχεδιάζει το κείμενο. με το μέτρο Κάνβας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'));

Χρειάζεστε αυτό σε κλίμακα Βλέπε σχέδια →