फ़ोटोग्राफ़र की पोर्टफ़ोलियो वेबसाइट के लिए इमेज SEO

पृष्ठ के वास्तविक विषय से शुरुआत करें

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

इस काम के लिए पृष्ठ शिल्प-पोर्टफ़ोलियो के लिए खींचे गए हाथ से बने सिरेमिक मग के बारे में है। तस्वीर में मग, उसका ग्लेज़, एक मेज़ और प्रकाश दिखाई दे सकते हैं, लेकिन जब तक पृष्ठ ये तथ्य न दे, तब तक वह निर्माता की पहचान, पकाने का तापमान, मिट्टी का सटीक प्रकार या मग का स्थान स्थापित नहीं कर सकती। मेटाडेटा में असमर्थित अनुमान न रखें।

• पृष्ठ के शीर्षक और दिखाई देने वाले टेक्स्ट से परियोजना या वस्तु को स्पष्ट रूप से बताएँ।
• केवल दिखाई देने वाले या संपादकीय रूप से सत्यापित तथ्यों का वर्णन करें।
• पोर्टफ़ोलियो SEO को स्टॉक मार्केटप्लेस के कीवर्ड क्षेत्रों से अलग रखें।

उपयोगी कैप्शन और आसपास का टेक्स्ट लिखें

कैप्शन दिखाई देने वाली पृष्ठ सामग्री है, इसलिए यह समझा सकता है कि तस्वीर क्यों महत्वपूर्ण है। इसे संभावित ग्राहक या पाठक के लिए लिखे गए वाक्य जैसा लगना चाहिए, छिपी हुई कीवर्ड सूची जैसा नहीं। आसपास का टेक्स्ट ऐसी जानकारी जोड़ सकता है जिसे ऑल्ट टेक्स्ट में नहीं रखना चाहिए, जैसे परियोजना की प्रक्रिया, कमीशन का संदर्भ या फ़ोटोग्राफ़र का प्रकाश-व्यवस्था संबंधी तरीका।

काल्पनिक पृष्ठ के लिए उपयोगी कैप्शन ऐसा हो सकता है: “Handmade stoneware mug photographed against a warm neutral backdrop to show the speckled glaze and rounded handle.” यह विषय और फ़ोटोग्राफ़ी का उद्देश्य बताता है, बिना ऐसी जानकारी का दावा किए जो उपलब्ध नहीं है।

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

• वस्तु और प्रासंगिक दृश्य विशेषता का उल्लेख करें।
• जहाँ पाठक के लिए उपयोगी हो, वहाँ तस्वीर की भूमिका समझाएँ।
• ऐसे कैप्शन से बचें जो केवल खोज-शब्दों की श्रृंखला हों।

ऑल्ट टेक्स्ट संक्षिप्त और विशिष्ट रखें

ऑल्ट टेक्स्ट उस व्यक्ति के लिए टेक्स्ट विकल्प है जो तस्वीर नहीं देख सकता। इसमें आवश्यक विषय और अर्थपूर्ण दृश्य जानकारी होनी चाहिए, हर विवरण की पुनरावृत्ति नहीं। सिरेमिक उदाहरण में “Handmade stoneware mug with speckled glaze and rounded handle” लिखना “ceramics handmade mug pottery art craft studio neutral background brown beautiful” से अधिक उपयोगी है।

जब तक अंतर बताना ज़रूरी न हो, “image of” से शुरुआत न करें। जब तस्वीर किसी बात को स्थापित नहीं करती, तब रंग, स्थान, प्रजाति, लोगों, स्वामित्व या रिलीज़ के टैग न जोड़ें। यदि तस्वीर पूरी तरह सजावटी है और कोई जानकारी नहीं देती, तो खाली ऑल्ट मान उचित हो सकता है; यह निर्णय पृष्ठ के एक्सेसिबिलिटी कार्यान्वयन के अनुसार लें।

ऑल्ट टेक्स्ट कैप्शन या पृष्ठ-विवरण का विकल्प नहीं है। भाषा स्वाभाविक रखें और तस्वीर पर निर्भर हुए बिना पृष्ठ देखते समय इसे जाँचें।

• सबसे पहले विषय का वर्णन करें।
• एक या दो अर्थपूर्ण दृश्य विशेषताएँ शामिल करें।
• दोहराए गए, प्रचारात्मक या अनुमान-आधारित शब्द हटाएँ।

तस्वीर को क्रॉल योग्य और स्थिर URL दें

ऐसा इमेज URL इस्तेमाल करें जिसे सामान्य आगंतुक और सर्च क्रॉलर अनुरोध कर सकें। वर्णनात्मक फ़ाइल नाम संगठन में मदद कर सकता है, लेकिन यह दिखाई देने वाले संदर्भ या ऑल्ट टेक्स्ट का विकल्प नहीं है। उदाहरण के लिए, /portfolio/ceramics/speckled-stoneware-mug.jpg जैसा पथ /uploads/IMG_8472-final-final.jpg से समझना आसान है।

एकमात्र महत्वपूर्ण तस्वीर को ऐसी इंटरैक्शन के पीछे न छिपाएँ जिसके लिए सर्च क्रॉलर या आगंतुक को कोई असामान्य स्क्रिप्ट चलानी पड़े। पोर्टफ़ोलियो पृष्ठ को सामान्य साइट नेविगेशन या किसी अन्य क्रॉल योग्य पृष्ठ से जोड़े रखें। यदि आपकी साइट साइटमैप इस्तेमाल करती है, तो उसमें कैनोनिकल पृष्ठ URL शामिल करें और उन्हें पूर्ण रखें; साइटमैप खोज में मदद कर सकता है, लेकिन क्रॉलिंग या इंडेक्सिंग की गारंटी नहीं दे सकता।

जाँचें कि रीडायरेक्ट, पहुँच नियम और तस्वीर पहुँचाने की व्यवस्था इच्छित सार्वजनिक पृष्ठ को अवरुद्ध न करे। वेबसाइट इंडेक्सिंग, स्टॉक मार्केटप्लेस द्वारा योगदानकर्ता के मेटाडेटा की खोज से अलग है।

• स्थिर सार्वजनिक पथ और सही फ़ाइल एक्सटेंशन इस्तेमाल करें।
• सामान्य साइट नेविगेशन के माध्यम से पृष्ठ से लिंक करें।
• जहाँ लागू हो, साइटमैप में कैनोनिकल पूर्ण URL इस्तेमाल करें।

आयाम, प्रतिक्रियाशील डिलीवरी और उपयोगी लोडिंग तय करें

चौड़ाई और ऊँचाई घोषित करके, या समकक्ष आस्पेक्ट-रेशियो नियम इस्तेमाल करके तस्वीर के लेआउट की जगह पहले से सुरक्षित करें। इससे फ़ाइल आने से पहले ब्राउज़र लेआउट की गणना कर सकता है। छोटे पोर्टफ़ोलियो व्यूपोर्ट से अनावश्यक रूप से बड़ी मूल फ़ाइल डाउनलोड कराने के बजाय उचित आकार का संस्करण दें।

रिस्पॉन्सिव इमेज मार्कअप अलग-अलग स्क्रीन के लिए वैकल्पिक आकार दे सकता है। पोर्टफ़ोलियो के उद्देश्य के लिए पर्याप्त विवरण रखें, लेकिन परिणाम को फ़ोन और बड़े डिस्प्ले पर जाँचें। शुरुआती दृश्य के नीचे की तस्वीरों के लिए लेज़ी लोडिंग उपयुक्त हो सकती है; आगंतुक को तुरंत चाहिए ऐसी मुख्य तस्वीर को अपने-आप देर से लोड करने के बजाय सावधानी से जाँचना चाहिए।

यदि आपका कार्यप्रवाह अनुमति देता है, तो मूल फ़ाइल को किसी सुरक्षित स्थान पर रखें और वेब डेरिवेटिव को प्रस्तुति-संपत्ति मानें। कंप्रेशन, आयाम या डिलीवरी सेटिंग बदलने के बाद वास्तविक पृष्ठ की जाँच करें, ताकि दृश्य गुणवत्ता निर्णय का हिस्सा बनी रहे।

• मूल आयाम या आस्पेक्ट रेशियो घोषित करें।
• आगंतुक के व्यूपोर्ट के अनुसार उपयुक्त आकार दें।
• वास्तविक पृष्ठ लेआउट में दृश्य गुणवत्ता और लोडिंग व्यवहार दोनों जाँचें।

व्यावहारिक उदाहरण: एक सिरेमिक पोर्टफ़ोलियो पृष्ठ

मान लें कि पृष्ठ का शीर्षक है “Handmade Ceramics Photography: Speckled Stoneware Mug.” फ़ोटोग्राफ़र के पास सामने से लिया गया एक फ़्रंट थ्री-क्वार्टर फ़ोटोग्राफ़ है। दिखाई देने वाला विषय एक तटस्थ सतह पर रखा एक मग है; परियोजना के नोट पुष्टि करते हैं कि यह हाथ से बना स्टोनवेयर है और तस्वीर सिरेमिक पोर्टफ़ोलियो के लिए बनाई गई थी। निर्माता का नाम, स्थान या ग्लेज़ की सटीक सामग्री की पुष्टि नहीं हुई है।

समझदार कार्यान्वयन में प्रत्येक फ़ील्ड का अपना उद्देश्य होता है। शीर्षक पृष्ठ समझाता है, कैप्शन फ़ोटोग्राफ़ी का उद्देश्य बताता है और ऑल्ट टेक्स्ट छोटा टेक्स्ट विकल्प देता है। फ़ाइल नाम और URL वर्णनात्मक हैं, लेकिन हर संभावित खोज को समेटने का प्रयास नहीं करते। तस्वीर उचित डेरिवेटिव में दी जाती है और पृष्ठ मार्कअप में आयाम घोषित किए जाते हैं।

• पृष्ठ का शीर्षक: Handmade Ceramics Photography: Speckled Stoneware Mug.
• कैप्शन: Handmade stoneware mug photographed against a warm neutral backdrop to show the speckled glaze and rounded handle.
• वैकल्पिक पाठ: Handmade stoneware mug with speckled glaze and rounded handle.
• चित्र का पथ: /portfolio/ceramics/speckled-stoneware-mug.jpg.
• सत्यापन का काम: प्रकाशित पृष्ठ खोलें, दिखाई दे रही तस्वीर जाँचें और सामान्य ब्राउज़र सत्र में सार्वजनिक URL खोलकर देखें।

फ़ील्ड की व्यावहारिक योजना
पृष्ठ का उद्देश्य: सिरेमिक पोर्टफोलियो का उदाहरण
चित्र की फ़ाइल का नाम: speckled-stoneware-mug.jpg
कैप्शन: Handmade stoneware mug photographed against a warm neutral backdrop to show the speckled glaze and rounded handle.
वैकल्पिक पाठ: Handmade stoneware mug with speckled glaze and rounded handle.
URL का प्रारूप: https://example.com/portfolio/ceramics/speckled-stoneware-mug.jpg
आयाम: वेब के लिए तैयार चित्र की वास्तविक चौड़ाई और ऊँचाई इस्तेमाल करें, अनुमानित मान नहीं।