এসইও

ক্লাউডফ্লেয়ারের HTMLRewriter এর সাথে কোর ওয়েব ভাইটাল ট্যাকটিকসের জন্য ফাংশন

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

আমাদের আর সেটা করতে হবে না।

বিশ বছর আগে এসইও পরিচালনার জন্য একটি বিপরীত প্রক্সি এবং লেখার সফ্টওয়্যার সেট আপ করা একটি ছোট কোম্পানির মধ্যে সীমাবদ্ধ ছিল যারা নিজেদের পরিকাঠামো তৈরি এবং হোস্ট করেছিল। Cloudflare এখন আমাদের একটি টার্নকি সমাধান প্রদান করে। আপনি একটি বিনামূল্যে অ্যাকাউন্ট ব্যবহার করে উঠতে এবং চালাতে পারেন। ফ্রন্টএন্ড কোড পরিবর্তন করতে, ক্লাউডফ্লেয়ার ব্যবহার করুন HTMLRewriter() জাভাস্ক্রিপ্ট API।

কোডটি বোঝা তুলনামূলকভাবে সহজ।

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

HTMLRewriter()

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

The Olymp Trade প্লার্টফর্মে ৩ টি উপায়ে প্রবেশ করা যায়। প্রথমত রয়েছে ওয়েব ভার্শন যাতে আপনি প্রধান ওয়েবসাইটের মাধ্যমে প্রবেশ করতে পারবেন। দ্বিতয়ত রয়েছে, উইন্ডোজ এবং ম্যাক উভয়ের জন্যেই ডেস্কটপ অ্যাপলিকেশন। এই অ্যাপটিতে রয়েছে অতিরিক্ত কিছু ফিচার যা আপনি ওয়েব ভার্শনে পাবেন না। এরপরে রয়েছে Olymp Trade এর এন্ড্রয়েড এবং অ্যাপল মোবাইল অ্যাপ। HTMLRewriter() API আমাদেরকে jQuery-শৈলী উপাদান নির্বাচক ব্যবহার করার ক্ষমতা দেয় যাতে এইচটিএমএল উপাদানগুলিকে কাঁচা পৃষ্ঠার উত্সে সংযুক্ত করতে সেই পদ থেকে জাভাস্ক্রিপ্ট চালানো যায়৷ আপনি শক্তিশালী উপায়ে উপাদান, উপাদানগুলির একটি সম্পূর্ণ গ্রুপ বা এমনকি বেস নথি সংশোধন করতে সক্ষম হবেন। আপনি একটি পৃষ্ঠার শিরোনাম সম্পাদনা করতে পারেন, উদাহরণস্বরূপ। উত্পাদন, আপনার সম্পাদনা হয়ে শিরোনাম এবং যা Google এবং Bing-এ সূচিত হয়।

আপনি একটি জটিলতার সম্মুখীন হবেন যে আপনি শুধুমাত্র কাঁচা উৎস সম্পাদনা করতে পারেন, হাইড্রেটেড ডকুমেন্ট অবজেক্ট মডেল (DOM) নয়। কাঁচা উৎস দেখার একটি দ্রুত উপায় হল ব্রাউজারের অন্তর্নির্মিত ভিউ-সোর্স কার্যকারিতা। ফায়ারফক্সের সাথে, ভিউ-সোর্স লাল রঙে বৈধতা ত্রুটিগুলি হাইলাইট করে, উদাহরণস্বরূপ। এমনকি যখন ব্রাউজারগুলি ভাঙা এইচটিএমএল "ফিক্স" করে, এটি সাধারণত আমাদের ওয়ার্কার দিয়ে ঠিক করা যেতে পারে।

DevTools-এর অভ্যন্তরে কাজ করা, "উৎস" ট্যাবটি কাঁচা উৎসে অ্যাক্সেস প্রদান করে। সর্বদা "সুন্দর মুদ্রণ" উত্সের জন্য পছন্দ সেটিংস ব্যবহার করুন, যা এটিকে ফর্ম্যাট করবে যাতে আপনি অপ্টিমাইজেশনের জন্য কোডটি স্ক্যান করতে পারেন৷ DevTools খোলা থাকলে ক্যাশে বাইপাস করার জন্য আরেকটি পছন্দের পরামর্শ। এই ওয়ার্কফ্লো আপনাকে যেতে সাহায্য করবে যাতে আপনার অপ্টিমাইজেশান রেফারেন্স ত্রুটির ফলে না হয়।

উপাদান নির্বাচক

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

আপনি ওয়াইল্ডকার্ড এবং "কমান্ড মোড" ব্যবহার করার ক্ষমতা পাবেন vim-শৈলীর রেগুলার এক্সপ্রেশনের সাথে মানানসই বৈশিষ্ট্য মান। আপনি একই বৈশিষ্ট্যের নামের সাথেও একাধিক মানদণ্ড সরবরাহ করতে পারেন। একক উপাদানের সাথে মিলগুলিকে সংকীর্ণ করতে বা বিস্তৃত অভিব্যক্তি সহ উপাদানগুলির একটি গোষ্ঠীর সাথে মেলাতে আপনার ভিম শক্তিগুলি ব্যবহার করুন৷ যুক্তি তারপর পরিবর্তনের মধ্যে উদ্বেগ আলাদা করতে পারে।

ওয়াইল্ডকার্ড "fonts.g" প্রিফেচ লিঙ্ক উপাদানগুলিকে সরিয়ে দেওয়ার উদাহরণ: fonts.googleapis.com৷

.on(`link[rel="dns-prefetch"][href*="fonts.g"]`, removeEl())

এর জন্য দুটি ম্যাচ দেখানোর উদাহরণ href বৈশিষ্ট্য, এটি অনেকের মধ্যে একটি একক ফাইল সংকীর্ণ করে।

.on('link[href^="https://example.com/static/version"][href$="/print.css"]', unblockCSS())

উপরের প্রথম উদাহরণটি সেই ওয়াইল্ডকার্ড ম্যাচ ব্যবহার করে যেখানে স্ট্রিং "fonts.g" যেকোন জায়গায় প্রদর্শিত হতে পারে href লিঙ্ক উপাদানের বৈশিষ্ট্য। এটি একটি বিস্তৃত ম্যাচের একটি উদাহরণ যা একটি উপযুক্ত ক্রিয়াকলাপের জন্য একাধিক লিঙ্ক উপাদানের সাথে সংযুক্ত হতে পারে, যেমন মেলে এমন উপাদান(গুলি) সরানো, যদি থাকে।

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

লিঙ্ক উপাদান

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

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

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

উপাদান অপসারণ

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

আপনি নমুনা কর্মী কোড সম্মুখীন হলে আপনি দেখতে পারেন class ইনিশিয়ালাইজার অপসারণ এবং উপাদান যা সত্যিই প্রয়োজন তা হল নিম্নলিখিত ফাংশন। একটি নামযুক্ত ক্লাস অবজেক্টের সাথে করা যেকোনো কিছু কম কোড ব্যবহার করে একটি প্লেইন ফাংশন (অবজেক্ট) দিয়ে করা যেতে পারে, কম বাগগুলির জন্য, আরও পাঠযোগ্য সিনট্যাক্স সহ এবং অনেক বেশি শেখানো যায়। আমরা আবার ঘুরে দেখব class কনস্ট্রাক্টর যখন আমরা টেকসই অবজেক্টের সন্ধান করি।

element: (el) => { el.remove(); }

সংক্ষেপে, এই ব্লকটি উপাদানের উদাহরণের ক্ষেত্রে একটি পরিবর্তনশীল "el" সংজ্ঞায়িত করে এবং কোড ব্লক বিল্ট-ইনকে কল করে remove() উপাদান পদ্ধতি, যা আপনি সংশ্লিষ্ট ডকুমেন্টেশনে বিস্তারিত পাবেন। সব HTMLRewriter() আপনার উপাদানের মিলের উদাহরণগুলির সাথে ব্যবহারের জন্য উপাদান পদ্ধতিগুলি আপনার কাছে উপলব্ধ। উপাদানগুলি সরানো হল বোঝার সহজতমগুলির মধ্যে একটি৷

রেন্ডার ব্লকিং রিসোর্স আনব্লক করা হচ্ছে

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

মূলত, আমরা এটিকে আনব্লক করতে একটি স্টাইলশীট লিঙ্ক উপাদান রেফারেন্সকে প্রিলোডে পরিণত করি। কিন্তু এটি লিঙ্ক উপাদানের প্রকৃতিকে এমন একটিতে পরিবর্তন করে যেখানে শৈলীর নিয়ম প্রয়োগ করা হবে না। প্রিলোড ডাউনলোড সংস্থানগুলিকে স্থানীয় ক্যাশে সংরক্ষণ করতে, প্রয়োজনের জন্য প্রস্তুত, তবে এটিই। কোনো রিসোর্স প্রিলোড করা হলে এবং দ্রুত ব্যবহার না হলে DevTools আপনাকে সতর্ক করে — তখনই আপনি জানেন যে আপনি এটি সরিয়ে ফেলতে পারেন!

প্রিলোডিং এবং তারপর একটি ব্যবহার করে onload প্রিলোড থেকে স্টাইলশীটে পরিবর্তন করার জন্য জাভাস্ক্রিপ্ট চালানোর বৈশিষ্ট্য হল CSS "হ্যাক" আনব্লক করার জন্য যা অন্যথায় একটি স্বাভাবিকভাবে রেন্ডার ব্লকিং রিসোর্স। জাভাস্ক্রিপ্ট ব্যবহার করে this কীওয়ার্ড আপনাকে এর বৈশিষ্ট্যগুলি পরিবর্তন করতে দেয়, সহ rel বৈশিষ্ট্য (এবং onload নিজেই বৈশিষ্ট্য)। প্যাটার্নে নন-জাভাস্ক্রিপ্ট সেশনের জন্যও একটি ব্যাকফিল রয়েছে।

এই আমাদের unblockCSS() ফাংশন যা রেডিমেড উপাদান পদ্ধতি ব্যবহার করে কৌশল প্রয়োগ করে।

const unblockCSS = () => ({
element: (el) => {
el.removeAttribute('media');
el.setAttribute('rel', 'preload');
el.setAttribute('as', 'style');
el.setAttribute('onload', "this.onload=null;this.rel='stylesheet';this.media='all'");
el.after(`

`, { html: true }); }});

লিঙ্ক উপাদান স্টাইলশীট রেফারেন্স নির্বাচন করুন যে রেন্ডার ব্লকিং এবং তাদের উপর এই ফাংশন কল. এটি ব্রাউজারটিকে স্টাইলশীটটি প্রিলোড করে ডাউনলোড শুরু করার অনুমতি দেয়। একবার লোড, rel অ্যাট্রিবিউট স্টাইলশীটে ফিরে যায় এবং সিএসএস নিয়ম অবিলম্বে প্রয়োগ করা হয়। যদি এই পরিবর্তনের পরে শৈলী সমস্যা দেখা দেয়, তাহলে এক বা একাধিক শীটকে স্বাভাবিক অনুরোধের ক্রমে লোড করতে হবে।

ফাংশনটি পুনরায় ব্যবহারযোগ্য কোড ব্লক হিসাবে কাজ করে। ব্যবহার করে আপনার উপাদান নির্বাচন টগল করুন HTMLRewriter() এবং আপনার পদ্ধতির উপর নির্ভর করে সিএসএস শীটগুলিকে একবারে বা গোষ্ঠীতে আনব্লক করে পার্থক্য পরীক্ষা করুন। আপনি যতটা সম্ভব অবরোধমুক্ত একটি সামগ্রিক কৌশল অর্জন করতে কৌশলটি ব্যবহার করুন। যাইহোক, সবসময় মনে রাখবেন যে CSS এবং স্ক্রিপ্ট রিসোর্সে পরিবর্তনের ফলে সমস্যাগুলি সন্ধান করুন।

স্ক্রিপ্ট অগ্রাধিকার

আপনি যে ক্রমে স্টাইল লোড করেন তা নকশাকে বিকৃত করতে পারে। অপ্রত্যাশিতভাবে দ্রুত-লোড হওয়া স্টাইলশীট নিয়মগুলিকে আরও অলসভাবে লোড করাকে ওভাররাইট করবে৷ আপনাকে বিকল্প ক্রমে স্ক্রিপ্টগুলি লোড করার সময়ও দেখতে হবে যাতে নথিটির মূল্যায়ন করার সময় সেগুলি মূল্যায়ন করা হয় এবং মেমরিতে থাকে। রেফারেন্স ত্রুটিগুলি কয়েক ডজন বা শত শত স্ক্রিপ্ট ত্রুটিতে ক্যাসকেড করতে পারে৷

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

এখানে আমাদের ফাংশন পরিবর্তন করা হচ্ছে, বা যোগ করা হচ্ছে, অ্যাসিঙ্ক এবং ডিফার অ্যাট্রিবিউট।

const makeAsyncJS = () => ({
element: (el) => {
el.removeAttribute("defer");
el.setAttribute("async", "async");
}
});

const makeDeferJS = () => ({
element: (el) => {
el.removeAttribute("async");
el.setAttribute("defer", "defer");
}
});

যদি একটি স্ক্রিপ্টে মূলত অ্যাসিঙ্ক বা স্থগিত না থাকে, তাহলে এটি চালানো ক্ষতিকর নয় removeAttribute() আরও পুনঃব্যবহারযোগ্য কোড ব্লকের জন্য উপাদান পদ্ধতি। আপনি নিরাপদে এটি উপেক্ষা করতে পারেন যদি আপনি একটি এক-বন্ধ প্রকল্পে দ্রুত কাজ করছেন যেখানে আপনি স্ক্রিপ্টে পূর্বে সংজ্ঞায়িত একটি ফাংশন কল করার পরিবর্তে এই ইনলাইনে লিখছেন।

SEO এর জন্য Alt বৈশিষ্ট্য

যেমন উল্লেখ করা হয়েছে, আমাদের গাইডের A/B Core Web Vitals কৌশলগুলি ডিজাইনের দ্বারা, আমাদের জন্য একটি সম্পূর্ণ কার্যকরী এজ কম্পিউটিং টেস্টবেড আপ করা এবং বিকাশকারীদের নিবন্ধ এবং ভবিষ্যতের ইভেন্টগুলির জন্য ভবিষ্যতের এসইও এর সাথে বিষয়বস্তু প্রদর্শনের জন্য চলমান ছিল। গত বছর (2021) আমাদের এসএমএক্স ওয়েস্ট ইভেন্ট চলাকালীন, আমরা একটি ওয়েবসাইটের জন্য ক্লাউডফ্লেয়ার ওয়ার্কার্স ব্যবহার করে লাইটহাউস আতশবাজি (এর সমস্ত পরীক্ষায় 100 স্কোর) অর্জন করে দেখিয়েছি।

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

এখানে একটি ফাংশন যা থেকে পাঠ্য বের করে img src ক্ষমতার গুণাবলী alt হাইফেন সহ ফাইলের নাম থেকে পাঠ্য।

const img_alt = element.getAttribute('alt');
const img_src = element.getAttribute('src');
if (!img_alt) {
element.setAttribute('alt', img_src.replace('-', ' '));
}

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

কেন আমরা যত্ন

বিভিন্ন কোর ওয়েব ভাইটাল পারফরম্যান্স অপ্টিমাইজেশান কৌশলগুলি চেষ্টা করার জন্য একটি টেস্টবেড থাকা সাইট মালিকদের কাছে অবিশ্বাস্যভাবে চিত্তাকর্ষক। আপনার এজেন্সি অস্ত্রাগারে আপনার এই ক্ষমতা থাকা উচিত। ভাল স্কোরের সাথে সামান্য Google র‍্যাঙ্কিং বৃদ্ধি উভয়ই পরিমাপযোগ্য এবং বেশিরভাগ সাইটের জন্য আমরা আলোচনা ও প্রদর্শনের কৌশলের মাধ্যমে অর্জনযোগ্য। 8-9 মার্চ লাইভ পারফরম্যান্সের জন্য টিউন ইন করুন।

এসইও প্রযুক্তিবিদরা দীর্ঘকাল ধরে সার্চ ইঞ্জিন র‌্যাঙ্কিংয়ের জন্য পারফরম্যান্সের উন্নতির সুপারিশ করেছেন। র‌্যাঙ্কিংয়ের সুবিধা কখনোই পরিষ্কার হয়নি। Google আক্ষরিক অর্থে মেট্রিক্স সংজ্ঞায়িত করে এবং তাদের প্রভাব সম্পর্কে প্রকাশ করে। এজ এসইও প্রতিকার বাস্তবায়নের জন্য আমাদের কাছে ক্লাউডফ্লেয়ার কর্মী রয়েছে, যেমনটি এখানে দেখানো হয়েছে alt ছবির জন্য বৈশিষ্ট্য। ক্লাউডফ্লেয়ারের গুণে আমাদের বিপরীত প্রক্সি টেস্টবেড ডেভেলপারদের সাথে সমৃদ্ধ যোগাযোগের মঞ্চ তৈরি করে।

সম্পরকিত প্রবন্ধ

0 মন্তব্য
ইনলাইন প্রতিক্রিয়া
সমস্ত মন্তব্য দেখুন
শীর্ষ বোতামে ফিরে যান