Back to Question Center
0

Semaltेट: क्या सीएसएस sprites एसईओ के लिए बुरा है?

1 answers:

आजकल अक्सर एक टैग के साथ क्या किया जाता है, अब एक

के साथ कुछ सीएसएस पृष्ठभूमि छवि के साथ एक सीएसएस 'प्रेत' और एक ओफ़्सेट.

मैं सोच रहा था कि एसईओ पर उसकी किस तरह की असर है, प्रभावी रूप से हम alt विशेषता (जो कि गूगल द्वारा अनुक्रमित है) खो देते हैं, और 'शीर्षक' विशेषता (जो कि अब तक जैसा कि मैं समझता हूं अनुक्रमित नहीं है) Source - web development companies lebanon.

क्या यह एक महत्वपूर्ण नुकसान है?

February 9, 2018

सीएसएस sprites का उपयोग केवल इस कारण के लिए सजावटी तत्वों के लिए किया जाना चाहिए- तत्वों के लिए उपयोग करें जो एक पृष्ठ के लिए विशिष्ट हैं और सजावटी तत्वों के लिए sprites का उपयोग करते हैं जो प्रासंगिक नहीं हैं प्रस्तुत सामग्री के लिए प्रासंगिक.

यदि आपको अपने नेविगेशन आइटम के लिए एक बटन छवि की आवश्यकता है, तो उस तरह से मार्कअप की बजाय नेविगेशन लिंक पर एक पृष्ठभूमि के रूप में उस छवि को जोड़ने के लिए अधिक मायने रखता है:

   होम बटन होम 

(आई. ई. जहां भी छवि की सामग्री पृष्ठ पर पाठ सामग्री के लिए बेमानी है या छवि की सामग्री को "सजावट" के रूप में वर्णित किया जा सकता है)

साइट टेम्पलेट तत्वों को sprites के रूप में अलग करने के एक अतिरिक्त बोनस के रूप में, आप पुरानी डिजाइन छवि फ़ाइलों को अधिलेखित करने या अपने सभी HTML मार्कअप को फिर से लिखने के बजाय स्टाइलशीट बदलकर साइट की "त्वचा" को बदल सकेंगे.

आप सीएसएस sprites के साथ टैग का उपयोग कर सकते हैं:

  चित्र का विवरण 

प्रेत. पीएनजी एक 1x1 पारदर्शी पिक्सेल <50 बाइट्स के लिए संकुचित हो सकता है.

शैली:

  #someSprite {चौड़ाई: 74px;ऊँचाई: 38px;पृष्ठभूमि: यूआरएल ( '/ images / स्प्राइट. png ') 0px शीर्ष 84px छोड़ दिया;} 

इस तरह से आप sprites से प्रदर्शन अनुकूलन प्राप्त करते हैं - और अपने alt टैग को रखें.

ऑल्ट टैग ओवरेट किया गया है. मुझे लगता है कि बहुत से लोग अपने पन्नों पर alt टैग्स को सुनिश्चित करने के लिए अपने रास्ते से बाहर निकलते हैं. मुझे विश्वास नहीं है कि यह आपके लिए एक नहीं है. यह सुनिश्चित करने का सिर्फ एक मामला है कि आपके पास आईएमजी है, तो आपके पास एक alt टैग को असाइन किया गया है.

मेरा मानना ​​है कि भार समय और साइट के प्रदर्शन का alt टैग्स की तुलना में एसईओ पर बड़ा प्रभाव पड़ता है और प्रत्येक छवि अनुरोध या HTTP अनुरोध के लिए साइट धीमा होने जा रही है. एक सीएसएस प्रेत का उद्देश्य उन अनुरोधों को कम करने और अपने पेज लोड समय को तेज करने में मदद करना है.

मैं सजावटी चिह्नों के लिए प्रेइट्स का उपयोग करते हैं, उस स्थिति में एसईओ के लिए ठीक इसके लिए उनके पूरे पृष्ठ के साथ कुछ नहीं करना है. आपके पास छवियों का कोई भी सेट है जो सभी समान आयाम हैं जो पृष्ठ के अर्थ में योगदान नहीं करते हैं, सीएसएस sprites के लिए अच्छे उम्मीदवार हैं.