এটি কি এসইও-এর জন্য অলস লোডিং ইমেজটির পক্ষে একটি ভাল দৃষ্টিভঙ্গি?

Question

এজেএক্সের মাধ্যমে লোড হওয়া চিত্রগুলির জন্য, বা আমি সূচিযুক্ত হতে চাই না , ডেটা- * বৈশিষ্ট্য পদ্ধতির ব্যবহার করুন:

<img data-src="path/to/image.jpg" class="js-lazy-load" />

জাভাস্ক্রিপ্ট মানচিত্র deta-src করার অ্যাট্রিবিউট src অ্যাট্রিবিউট:

<img src="path/to/image.jpg" />

তবে এইচটিএমএল-তে থাকা চিত্রগুলির জন্য যেগুলি আমি সূচিবদ্ধ করতে চাই:

<a href="path/to/image.jpg" class="js-lazy-load">Image alt text here</a>

জাভাস্ক্রিপ্ট একটি চিত্র ট্যাগের সাথে অ্যাঙ্গরটিকে প্রতিস্থাপন করে :

<img src="path/to/image.jpg" alt="Image alt text here" />

দেখে মনে হচ্ছে যে এসইওকে প্রভাবিত না করে সূচী-ক্ষমতা এবং পৃষ্ঠার অভিপ্রায় (অ্যাক্সেসযোগ্যতার জন্য) সংরক্ষণ করবে (আশা করি)। তবে একটি দ্বিতীয় মতামত পছন্দ করবে।

সম্পাদনা করুন: কীভাবে এই পদ্ধতির কোনও প্রতিক্রিয়া - ইনলাইন আইএমজি ট্যাগ সহ ছবি বনাম চিত্রগুলির লিঙ্ক সহ পৃষ্ঠা - পৃষ্ঠা র‌্যাঙ্কের সাথে তুলনা করবে। আমি অনুমান করছি যে ইনলাইন আইএমজি ট্যাগগুলি আরও ভাল যাবে কারণ প্রতিটি বিদায়ী লিঙ্ক সামগ্রিক পৃষ্ঠার র‌্যাঙ্ক থেকে বিচ্যুত হবে (যদি না তাদের কাছে rel = "nofollow" থাকে যা পাল্টা উত্পাদনশীল হবে)।

Comments

বহির্গামী লিঙ্কগুলি আপনার পৃষ্ঠা র‌্যাঙ্ক থেকে বিরত থাকে না। পিআর এইভাবে কাজ করে না।

— লস ম্যাজেস্টে

প্রতিটি লিঙ্কের যে পিআর রয়েছে তার থেকে মোট বহির্গামী লিঙ্কের সংখ্যা হ্রাস পাবে? সুতরাং যদি মূলত পৃষ্ঠাটির 5 টি লিঙ্ক থাকে - প্রতিটি 20% পিআর সহ - তবে এই পদ্ধতির সাথে 50 থাকবে - প্রত্যেকের এখন 2% থাকবে?

— অ্যারোন

এটাই সঠিক. যে পরিমাণ পিআর পাস হয় তা পৃষ্ঠায় থাকা লিঙ্কের সংখ্যা দ্বারা বিভক্ত হয়, তবে পিআর স্কাল্পটিংয়ের কারণে, nofollowলিঙ্কগুলির মধ্যে পিআর ভাগ করার সময় লিঙ্কগুলিও এখন অন্তর্ভুক্ত থাকে। সুতরাং আপনার কাছে 45 টি নফলো লিঙ্ক এবং 5 নিয়মিত লিঙ্ক থাকলেও 5 টি নিয়মিত লিঙ্কগুলি এখনও লিঙ্কের রসের 2% কেটে যাবে। যদিও গুগল স্মার্ট ছিল, তারা চিত্রের লিঙ্কগুলিকে এইচটিএমএল লিঙ্কগুলির চেয়ে আলাদা আচরণ করবে, কারণ আপনার সমাধানটি ব্যবহারযোগ্যতা এবং অ্যাক্সেসযোগ্যতার জন্য বৈধ একটি এবং এটি আপনার PR প্রবাহকে হ্রাস করে নিরুৎসাহিত করা উচিত নয়।

— লস ম্যাজেস্টে

Answer 1

এটি একটি ভাল পদ্ধতির। আপনি যে অন্য পদ্ধতির গ্রহণ করতে পারেন তা হ'ল ট্যাগটির <noscript />সাধারণ সংস্করণ সংরক্ষণ করার জন্য উপাদানটি ব্যবহার করা img, যা গুগল দ্বারা সূচিযুক্ত করা হবে এবং অলস লোডিং সংস্করণ তৈরি করতে জেএস ব্যবহার করুন।

বিকল্পভাবে, আপনি বুকমার্ক- এবং সূচি-সক্ষম পৃষ্ঠাগুলি তৈরি করতে HTML5 এর ইতিহাস এপিআই এর সাথে মিলিত গুগলের হ্যাশবাং এজেএক্স কনভেনশনগুলি ব্যবহার করতে পারেন। আপনি যদি একরকম অসীম স্ক্রোল পৃষ্ঠাটি করেন তবে এটি বিশেষভাবে পছন্দনীয়, কারণ এটি সিউডো-পৃষ্ঠা-রচনার একধরনের প্রকার সরবরাহ করে most এমন কিছু যা সর্বাধিক অসীম স্ক্রোল বাস্তবায়নের জন্য মারাত্মক প্রয়োজন ( :: কাশি :: গুগল চিত্রসমূহ :: কাশি : :)।

---

সম্পাদনা: লিঙ্ক ব্যবহার যেমন ইমেজ জন্য প্লেসহোল্ডার পারে পাতা থেকে জনসংযোগ প্রবাহ সৃষ্টি, আরো সংযোগগুলি মধ্যে বিভক্ত করা হবে যদিও জনসংযোগ সবসময় সংরক্ষিত যদি না আপনি ব্যবহার nofollowতত্ত্ব তাই এই ছবিটি অনুসন্ধানের জন্য ঐ ছবিগুলির জনসংযোগ বৃদ্ধি করবে।

আপনি যদি তা না চান বা আপনি নন-জেএস ব্যবহারকারীদের জন্য পৃষ্ঠাকে কৃপণভাবে হ্রাস করতে চান, আপনি বিপরীত পথে যেতে পারেন এবং নিয়মিত চিত্রগুলি দিয়ে শুরু করতে পারেন তবে পৃষ্ঠার লোডে চিত্রগুলির বৈশিষ্ট্যটি প্রতিস্থাপন করতে জেএসকে ব্লক করে src(বা এমনকি) কেবল চিত্র উপাদান মুছুন srcএবং আপনার অলস লোডিংয়ের সারিগুলিতে বৈশিষ্ট্যগুলি সংরক্ষণ করুন )। আপনি যদি এটি সঠিকভাবে করেন তবে চিত্রের কোনও ডাউনলোড শুরু হওয়ার আগে আপনি এটি সম্পন্ন করতে পারেন।

Comments

আমি এটি দেখতে পছন্দ করব - গুগল <noscript>তাত্পর্যপূর্ণ নয় এবং ফায়ারফক্সে চিত্র লোডিং ব্লক করার কোনও উপায় আমি এখনও খুঁজে পাইনি; বদলে src(এমনকি একটি সঙ্গে <script>পরে ট্যাগ অবিলম্বে <img>ট্যাগ) ফায়ারফক্স এর সর্বশেষ সংস্করণ ডাউনলোড করার থেকে ইমেজ প্রতিরোধ বলে মনে হচ্ছে না Doe। যদি আপনি এটি করার অন্য কোনও উপায় সম্পর্কে জানেন তবে দয়া করে ভাগ করুন!

— mindplay.dk

@ মাইন্ডপ্লে.ডকে: গুগল noscriptস্নিপেটগুলিতে পাঠ্য ব্যবহার না করা বেছে নিতে পারে তবে আমি যা কিছু পড়েছি তা বিশ্বাস করে যে এটি noscriptসাধারণভাবে সূচির বিষয়বস্তু করে does যাইহোক, যদি আপনি ডান বদলে চলেছেন src। আমার আসল ধারণাটি ছিল প্রথম চিত্রের script আগে একটি স্থাপন করা , যাতে এটি স্ক্রিপ্টটি লোড এবং সম্পাদন না হওয়া অবধি চিত্রের লোডিংকে বাধা দেয়। তবে আরও পরীক্ষার পরে, এটি কাজ করবে না যেহেতু ছবিগুলি ডোমটিতে সেই সময়ে প্রদর্শিত হবে না। আপনি হোস্টের সাথে একযোগে সংযোগ স্থাপনের মাধ্যমে ডাউনলোডগুলি ব্লক করতে পারেন , তবে এটি আজকাল অবৈধ।

— লস ম্যাজেস্টে

একটি মলিন হ্যাক অন্য কেউ নিয়ে এসেছেন যাতে (সেখানে একটি লম্বা সংস্করণ যে ফটকামূলক পার্সিং সাথে চুক্তি) -এর মত জাতীয় ব্যবহার করতে জাতীয়-মুক্ত ইমেজ মন্তব্য করা: <script>document.write('<'+'!--');</script><img src=...><!---->। এটি আপনার গ্রহণযোগ্য পদ্ধতির কিনা তা আপনাকে নিজেরাই সিদ্ধান্ত নিতে হবে।

— লস ম্যাজেস্টে

Answer 2

আমি এই প্যাটার্ন দিয়ে লোড হওয়া চিত্র দেখেছি:

<img data-src="path/to/image.jpg" class="js-lazy-load" />

গুগল এবং গুগল ইমেজ সন্ধান দ্বারা নেওয়া হবে এবং অন্যরা এটি স্পট করেছে। যেহেতু গুগল এখন আপনার পৃষ্ঠায় জাভাস্ক্রিপ্ট কার্যকর করে, তাই আসল চিত্রটি এসসিআর বৈশিষ্ট্যে রাখার দরকার নেই। কোনও এসআরসি বৈশিষ্ট্য অবহেলা করা আপনার চিত্রের চারপাশে ধূসর সীমানায় ডেকে আনতে পারে, তাই সম্ভবত এর থেকে ভাল কিছু যেতে পারে:

<img src="placeholder.gif" data-src="path/to/image.jpg" class="js-lazy-load" alt="Image alt text here" />

নম্বর। এটি অগত্যা অন্যান্য অনুসন্ধান ইঞ্জিনগুলিতে প্রযোজ্য নয়।