एक ही फ़ॉर्म से SEO मेटा टैग, Open Graph प्रॉपर्टी और Twitter Card मार्कअप बनाएँ। इसमें canonical लिंक और शीर्षक तथा विवरण की लाइव लंबाई जाँच शामिल है।
एक ही फ़ॉर्म से SEO, Open Graph और Twitter Card टैग बनाएँ। फ़ील्ड एक बार भरें और पूरा <head> ब्लॉक पाएँ। शीर्षक और विवरण की लंबाई उन सीमाओं के विरुद्ध लाइव जाँची जाती है जिनके बाद सर्च इंजन उन्हें काट देते हैं।
पुराने ट्यूटोरियल में मिलने वाले अधिकांश मेटा टैग अनदेखे कर दिए जाते हैं। जो आज भी उपयोगकर्ता को दिखने वाली चीज़ों पर असर डालते हैं, वे कुछ ही हैं:
<title> — पेज का सबसे महत्वपूर्ण तत्व। यही सर्च नतीजों में क्लिक करने योग्य शीर्षक और ब्राउज़र टैब का लेबल बनता है।<meta name="description"> — रैंकिंग कारक नहीं, लेकिन आम तौर पर शीर्षक के नीचे का स्निपेट यही बनता है, इसलिए यह सीधे क्लिक-थ्रू दर पर असर डालता है।<link rel="canonical"> — जब वही कंटेंट कई पतों से पहुँचा जा सकता है, तो यह सर्च इंजन को बताता है कि कौन-सा URL अधिकृत संस्करण है।ध्यान देने लायक है कि <meta name="keywords"> इस सूची में नहीं है। सालों के दुरुपयोग के बाद Google ने 2009 में पुष्टि की कि उसने इसे रैंकिंग के लिए इस्तेमाल करना बंद कर दिया। इसे यहाँ केवल इसलिए शामिल किया गया है कि कुछ आंतरिक सर्च सिस्टम अब भी इसे पढ़ते हैं।
सर्च इंजन शीर्षक और विवरण को एक निश्चित पिक्सल चौड़ाई में फ़िट करने के लिए काटते हैं, इसलिए पतले अक्षरों वाले शीर्षक में कैपिटल अक्षरों से भरे शीर्षक की तुलना में ज़्यादा टेक्स्ट आता है। अक्षरों की गिनती एक व्यावहारिक अनुमान है: शीर्षक के लिए लगभग 60 अक्षर और विवरण के लिए 160 अक्षर आपको अधिकतर समय डेस्कटॉप सीमा के भीतर रखते हैं। मोबाइल नतीजे इससे भी सँकरे होते हैं।
सीमा से आगे जाना कोई त्रुटि नहीं है। विवरण एक स्निपेट है, कोई अनुबंध नहीं, और जब कोई दूसरा हिस्सा क्वेरी से बेहतर मेल खाता है तो सर्च इंजन उसे आम तौर पर खुद ही बदल देते हैं। ज़रूरी शब्द शुरुआत में रखें, ताकि कटने के बाद भी अर्थ बचा रहे।
Open Graph की शुरुआत Facebook में हुई थी, लेकिन अब यह वस्तुतः मानक है जिसे LinkedIn, Slack, Discord, WhatsApp, iMessage और बाकी अधिकांश प्लेटफ़ॉर्म पढ़ते हैं। लगभग सारा काम चार प्रॉपर्टी करती हैं: og:title, og:description, og:url और og:image।
Twitter का पार्सर अपने टैग न मिलने पर Open Graph पर लौट आता है, इसलिए twitter:* प्रॉपर्टी का पूरा सेट तभी चाहिए जब आप उस एक प्लेटफ़ॉर्म पर अलग शीर्षक, विवरण या इमेज दिखाना चाहें। स्पष्ट रूप से सेट करने लायक टैग twitter:card है, जो बड़ी हीरो इमेज वाले लेआउट और छोटे थंबनेल में से चुनाव करता है।
यहीं अधिकांश कार्यान्वयन चूक जाते हैं। पूर्ण URL उपयोग करें — सापेक्ष पथ हर क्रॉलर में टूट जाते हैं। 1200 गुणा 630 पिक्सल का लक्ष्य रखें, यानी 1.91:1 अनुपात, जो बड़े कार्ड को बिना काटे भर देता है। फ़ाइल लगभग 1 MB से कम रखें, JPEG या PNG उपयोग करें, और सुनिश्चित करें कि URL बिना प्रमाणीकरण, कुकीज़ या रीडायरेक्ट श्रृंखला के सार्वजनिक रूप से पहुँच योग्य हो। इमेज पर लिखा कोई भी टेक्स्ट बड़ा होना चाहिए, क्योंकि कार्ड अक्सर अपने स्वाभाविक आकार के एक अंश में दिखाया जाता है।
हर बड़ा प्लेटफ़ॉर्म प्रीव्यू को आक्रामक ढंग से कैश करता है, अक्सर कई दिनों तक। टैग अपडेट करने के बाद भी पुराना कार्ड तब तक दिखता रहेगा जब तक कैश समाप्त न हो या आप प्लेटफ़ॉर्म के अपने डीबगिंग टूल से रीफ़्रेश न करा दें। Facebook, LinkedIn और Twitter — हर एक ऐसा टूल देते हैं। रीफ़्रेश के बाद भी प्रीव्यू ग़लत लगे तो जाँचें कि क्रॉलर पेज तक वाकई पहुँच पा रहा है या नहीं: लॉगिन दीवार, robots.txt में रोक या भू-प्रतिबंधित कंटेंट — ये सब खाली कार्ड पैदा करते हैं।