मुझे एक वेब पेज लागू करने की आवश्यकता थी जिसमें ऐसे अनुभाग हों जहां प्रत्येक का डिज़ाइन किया गया शीर्षक हो। निम्नलिखित की तरह बुनियादी संरचना:

 
 
title section 1
 section content 
 
 
title section 2
 section content 
 
 

मेरी समस्या यह है कि वेब डिज़ाइनर ने निम्न छवि की तरह खिताब को दृष्टिगोचर बनाया:

ध्यान दें कि तस्वीर में "SO" और "MOS" वास्तव में दो शब्द नहीं हैं, लेकिन सिर्फ एक शब्द "SOMOS" है, लेकिन यह वह डिजाइन है जिसे मैंने प्राप्त करने के लिए कहा था।

मैंने प्रत्येक शीर्षक के लिए निम्नलिखित HTML संरचना के साथ h1 टैग को प्रतिस्थापित किया

 
¿QUIENES
 
SO
 
MOS?
 
 

इस संरचना और सीएसएस के साथ मैंने डिजाइन हासिल किया इसलिए अब तक सब कुछ ठीक है। मेरा शक SEO के बारे में है। "SOMOS" शब्द याद है? मुझे पता नहीं है कि क्या खोज इंजन तीन अलग-अलग DIV में विभाजित है, यह देखते हुए अनुभाग शीर्षक "QUOMES SOMOS" को समझ जाएगा। मुझे नहीं पता कि क्या खोज इंजन "क्विज़ एसओएस एमओएस", "क्विज़ एसओ मो एस" या वास्तविक शीर्षक की तुलना में कुछ और समझेंगे।

मैंने कंटेनर DIV को एक शीर्षक विशेषता देने के बारे में सोचा था लेकिन मैंने इसे पढ़ा है यह केवल पठनीयता के लिए मदद करता है और एसईओ के लिए नहीं।

मैंने एक छवि का उपयोग करने के बारे में भी सोचा था और इसे एक एएलटी विशेषता प्रदान करता हूं क्योंकि मैं समझता हूं कि खोज इंजन केवल आईएमजी टैग के लिए एएलटी विशेषता पर विचार करते हैं लेकिन मुझे नहीं लगता कि यह छवियों का उपयोग करने के लिए कुशल है।

मैंने आखिर में SVG का उपयोग करने और इसे एक TITLE टैग देने के बारे में सोचा क्योंकि मैंने कहीं पढ़ा है कि यह SVG का वर्णन करने में मदद करता है लेकिन मुझे नहीं पता कि यह SEO में मदद करता है या नहीं।

क्या आपके पास मेरे डिज़ाइन किए गए शीर्षक एसईओ के अनुकूल बनाने के लिए कोई सुझाव है? या हो सकता है कि मेरी वर्तमान संरचना किसी तरह पहले से ही खोज इंजन द्वारा समझी जाएगी?

अद्यतन करें: मैंने अपना पृष्ठ क्रॉल करने के लिए बस http://www.seo-browser.com पेज का उपयोग किया और मुझे निम्न आउटपुट मिला: "MO QU SOESES SO MO S?" मुझे नहीं पता कि यह सोचना सुरक्षित है कि Google भी ऐसा ही करेगा। अगर ऐसा होता है तो मुझे इसे ठीक करने की जरूरत है।

अद्यतन: कम से कम Browseo.net के साथ DIVs के बीच रिक्त स्थान को हटाते समय एक अंतर था

 
¿QUIENES
 
SO
MOS?
 
 

मुझे उम्मीद है कि Google इसे उसी तरह से देखता है।

• > jsfiddle.net/SimonHayter/rtdhop85 <

मुझे लगता है कि आप सभी divs को एक h1 टैग में लपेट सकते हैं। मेरा अनुमान है कि Google अनिवार्य रूप से इसे देखेगा

¿QUIENES SO MO

 
 
¿QUIENES
 
SO
 
MOS?
 
 
 

क्लाइंट विंडो इसे इस प्रकार देखती है:

¿QUOSES SO MOS?

अंत में मैं h1-h3 टैग पर बहुत अधिक नहीं देखूंगा। वे एक कीवर्ड रैंकिंग सिग्नल हैं, लेकिन Google ने सीखा है कि किसी पृष्ठ पर मौजूद सामग्री का विश्लेषण कैसे किया जा सकता है, जो कई साल पहले था और इसलिए h1 टैग संभवतः उतने महत्वपूर्ण नहीं हैं जितने कि वे एक बार थे। मुझे नहीं लगता कि h1 टैग किसी साइट पर आवश्यक हैं और मेरी बहुत सारी साइटें उनके पास भी नहीं हैं, हालाँकि वे शायद इसे थोड़ा SEO बूस्ट देंगे।

• धन्यवाद! मैं समझता हूं और आपके H1 बिंदु से सहमत हूं। आपको "ES QUIENES SO MOS" कैसे मिला? मैं पूछता हूं क्योंकि seo-browser.com के साथ मेरे टेस्ट ने मुझे "SO QUIENES SO MO S?" दिया। जहां "SOMOS" शब्द 3 में विभाजित है। किसी भी तरह से मेरी समस्या यह है कि परिणाम दो शब्द होना चाहिए, लेकिन "SOMOS" शब्द विभाजित है और मुझे लगता है कि इसका मतलब खोज इंजनों के लिए कुछ और होगा।
• मैं सिर्फ पोस्ट में html कोड का उपयोग करता था और स्टैक ओवरफ्लो ने इसे इस तरह से प्रस्तुत किया। मुझे आपके HTML कोड परीक्षणों के बदले जो भी परिणाम दिखाई देगा, उस पर मुझे भरोसा होगा। Divs के बीच व्हाट्सएप को हटाने के तरीके हैं यदि आप चाहते हैं कि मोस एक शब्द हो। मैं divs के बीच की जगह को हटाने पर एक खोज चलाऊंगा यदि आप वही खोज रहे हैं जो आप चाहते हैं।
• आपके पास एक महान बिंदु है! मैं DIV "SO" और "MOS" के बीच रिक्त स्थान भूल गया। मैंने उन्हें एक साथ रखा और मैंने seo-browser.com पर कोई बदलाव नहीं देखा। दुर्भाग्य से इसने वही आउटपुट दिया, जो मैंने Browseo.net के साथ आज़माया और मुझे सही शब्द मिला। ब्राउज़ो में DIV को एक साथ रखने से पहले एक विभाजन स्थान था। इसलिए मेरे पास अलग-अलग परिणामों के साथ दो साइट हैं लेकिन मुझे आशा है कि Google ब्राउज़ो की तरह अधिक व्यवहार करता है। संकेत के लिए धन्यवाद!
• मैं अत्यधिक अनुशंसा करूंगा बजाय
  चूंकि div ब्लॉक तत्वों से जुड़ा है, जबकि स्पैन तकनीकी रूप से स्टाइलिंग तत्व से अधिक है। आप का उपयोग किए बिना अपनी लाइन पर दिखने वाले स्पैन हो सकते हैं

  का उपयोग करके display: block, देखें: jsfiddle.net/SimonHayter/rtdhop85
• @SimonHayter टिप के लिए धन्यवाद! मैं कुछ मिनट पहले SPANS के बारे में कुछ ऐसा ही सोच रहा था और मुझे नहीं पता था कि आप एक SPAN को दूसरे SPAN के अंदर रख सकते हैं इसलिए मैंने इसके बजाय DIV का इस्तेमाल किया लेकिन आप सही हैं! सुधारने के लिए मैं कुछ CSS बदलूँगा।