কৌণিক ইউনিভার্সাল বনাম প্রেরেন্ডার.ও

আপনি যদি কৌণিক বিকাশকারী হন তবে আপনি জানেন যে এসইও একটি লোমশ পরিস্থিতি। এবং আপনি যদি আমাদের মতো হন তবে আপনি সম্ভবত গুগল দুটি মূল সমাধানের দিকে অনুসন্ধান করেছেন। এই নিবন্ধে, আমরা এটিকে প্রতিটি প্রক্রিয়াটি কতটা জটিল এবং এটি কতটা কার্যকর তা বিভক্ত করতে চাই। মনে রাখবেন যে এটি আমাদের অভিজ্ঞতা থেকে ভিত্তি করে। আপনি যদি অন্যথায় মনে করেন, আমাদের সাথে যোগাযোগ বিনা দ্বিধায়!

1. কৌণিক ইউনিভার্সাল

ডকুমেন্টেশন: https://angular.io/guide/universal
জটিলতা: 7-10
কার্যকারিতা: 6-10

আমাদের ব্যবহারের ক্ষেত্রে, আমরা একটি কৌণিক ইউনিভার্সাল স্টার্টার ব্যবহার করি নি। আমরা ইতিমধ্যে একটি (অ্যাঙ্গুলার 7 প্রকল্প) ছাড়াই আমাদের ওয়েবসাইট তৈরি করেছি। যদিও প্রক্রিয়াটি আপনার বিদ্যমান কৌণিক প্রকল্পের সাথে সংহত করতে খুব বেশি দীর্ঘ নয় তবে এটি কী চলছে তা বুঝতে অবশ্যই সময় লাগে। একটি ব্যাখ্যা নিস্তেজ করতে, কৌণিক ইউনিভার্সাল আপনার অ্যাপ্লিকেশনটির দুটি সংস্করণ তৈরি করে। এটি হ'ল "সার্ভার" অ্যাপ্লিকেশন যা আপনার পৃষ্ঠাগুলিকে স্থির এইচটিএমএলতে প্রেরণ করে। এটি প্রথমে ঘটে এবং যা এসইও বটগুলি তা থেকে টানবে। অন্য সংস্করণটি হ'ল "ব্রাউজার" অ্যাপ। এটি আপনার নিয়মিত গতিশীল এবং সম্পূর্ণ কার্যকরী কৌণিক অ্যাপ্লিকেশন। ইউনিভার্সাল আপনার ব্রাউজার অ্যাপ্লিকেশনটির সমাপ্ত লোড হওয়ার পরে আপনার সার্ভার সাইড রেন্ডারড অ্যাপ্লিকেশনটি অদলবদল করে। সুতরাং আপনি সামান্য বিড়ম্বনা দেখতে পাবেন, বিশেষত ধীর গতিতে।

যেহেতু এটি বেশিরভাগ ক্ষেত্রে কেন অন্যটির উপরে ব্যবহার করা যায় সে সম্পর্কে একটি নিবন্ধ তাই আমরা খুব বেশি কোড লিখব না। উপরের ডক্স লিঙ্কটি দয়া করে পর্যালোচনা করুন।

তবে আমরা যে সমস্যার মুখোমুখি হয়েছি এবং সেগুলির চারপাশে কাজ করার জন্য আমাদের যা করতে হয়েছিল সেগুলি সম্পর্কে মন্তব্য করতে চাই না:
1. আপনার প্যাকেজ.জসনে ডক আপনাকে যে স্ক্রিপ্টগুলি পরামর্শ দেয় তা যুক্ত করুন। এটিকে কৌণিক.জসন সার্ভারের টার্গেটে রাখলে ত্রুটি ঘটবে।
২. আপনার সার্ভার.এসটি ফাইলের জন্য, আপনি যখন নিজের অ্যাপসভার সার্ভিস মডেলএনজিফ্যাক্টরিটি আমদানি করেন, তখন এটি আপনার ‘./dist/server/main’ ফাইলটি থেকে ‘./dist/server/main.bundle’ নয়
৩. আপনি যদি আপনার প্রকল্পের জন্য এসসিএসএস ব্যবহার করে থাকেন তবে এই স্নিপেটটি কৌনিক.জসন সার্ভার লক্ষ্যবস্তুতে যুক্ত করার বিষয়টি নিশ্চিত করুন। অন্যথায়, সার্ভারের লক্ষ্য তৈরি করার সময় এটি ত্রুটি ছুঁড়ে মারবে।

"স্টাইলপ্রসেসরঅ্যাকশনস": include "অন্তর্ভুক্তপথগুলি": ["এসআরসি / এসসিএস"]}

৪. আপনার নিয়মিত বিল্ড টার্গেট এবং সার্ভার টার্গেটের জন্য আপনার আউটপুট পাথগুলি দ্বিগুণ পরীক্ষা করা নিশ্চিত করুন। বিল্ড আউটপুট পাথটি ডিস্ট / প্রকল্পের নাম / ব্রাউজারের মতো হওয়া উচিত এবং সার্ভার আউটপুট পাথ ডিস্ট / প্রকল্পের নাম / সার্ভারের মতো হওয়া উচিত

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

পেশাদাররা
- আমাদের সমস্ত পৃষ্ঠা গুগলে অনুসন্ধানযোগ্য ছিল
- গুগল বটগুলি আমাদের পৃষ্ঠা থেকে পাঠ্য টানতে সফল হয়েছিল

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

2. Prerender.io

ডকুমেন্টেশন: https://prereender.io/ ডকুমেন্টেশন
জটিলতা: 2-10
কার্যকারিতা: 7-10

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

var প্রেরেন্ডার = প্রয়োজন (‘প্রেরেন্ডার-নোড’)। সেট (‘প্রেরেন্ডার টোকেন’, ‘ইউরোপকেন’);
prerender.crawlerUserAgents.push ( 'Googlebot');
prerender.crawlerUserAgents.push ( 'bingbot');
prerender.crawlerUserAgents.push ( 'ইয়ানডেক্স');
app.use (পূর্বউপস্থাপন);

আপনি যদি এক্সপ্রেস / নোড ব্যবহার করে থাকেন তবে আপনার এক্সপ্রেস.স্ট্যাটিক মিডলওয়্যারের উপরে অ্যাপ.ইউজ (প্রেরেন্ডার) লাইন রয়েছে যা আপনার ডিস্ট ডিরেক্টরিটি পরিবেশন করতে পারে তা নিশ্চিত করুন।

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

সুতরাং এটি অত্যন্ত সহজ এবং এসপিএগুলির সাথে ভালভাবে কাজ করে, তবে এটি কার্যকর ছিল?

পেশাদাররা
- খুব দ্রুত সেট আপ
- বিনামূল্যে সংস্করণ 250 পৃষ্ঠাগুলি পর্যন্ত ক্যাশে করতে পারে
- আমাদের পৃষ্ঠাগুলির জন্য গুগল অনুসন্ধানের ফলাফলগুলি আমরা মেটা পরিষেবায় যে বিবরণটি সেট করেছি সেই অনুসারে

কনস
- 250 টির মতো নিখরচায় পৃষ্ঠাগুলি যতটা শোনায়, আপনার ইউআরএলটির একাধিক সংস্করণে (উদাহরণ হিসাবে আমাদের সাইটটি ব্যবহার করে) https://www.brewcrewlabs.com এবং https://brewcrewlabs.com এ ক্যাচিং পরিচালনা করা যেতে পারে। পরবর্তী স্তরটি 15,000 ডলার / মাসের জন্য 20,000 পৃষ্ঠা।

৩. দণ্ড

রায়টি হল যে কৌণিক ইউনিভার্সাল এখনও প্রস্তুত নয়। যদিও আমাদের এসইও তীক্ষ্ণ করার জন্য এমন কিছু জিনিস থাকতে পারে যা আমরা দেখে নিতে পারি, প্রেরেন্ডার.ইও আরও সহজ এবং কার্যকর। আপনি যদি প্রতি সপ্তাহে প্রচুর পৃষ্ঠাগুলি উত্পাদন করার কথা ভাবছেন না, তবে প্রেরেন্ডার.ইও হতে পারে আপনার জন্য সমাধান। যদিও কৌণিক সার্বজনীন কিছু উপায়ে কাজ করে, প্রেরেন্ডার.ওর মতো একই স্তরে কাজ করার জন্য আরও পায়ের কাজ প্রয়োজন। সম্ভবত আমরা কৌনিক ইউনিভার্সালের গোপন সসটি জানি না - যদি আপনি তা করেন তবে আপনার অভিজ্ঞতা সম্পর্কে আমাদের জানান!

আশা করি এই নিবন্ধটি একই রকম পরিস্থিতিতে অন্য কাউকে সহায়তা করেছে!