ব্লগারে টুইটার কার্ড এড করার সঠিক উপায়

Rent House Dk January 04, 2023

 





বেশির ভাগ ক্ষেত্রে আমরা যখন আমাদের ব্লগ সাইটে টুইটার কার্ড  এড করতে যায়। তখন নানা প্রকার সমস্যা দেখা দেয়। সবথেকে বড় যে সমস্যাটা সেটা হলো আমাদের ব্লগ স্পটের যে থাম্বনিল আকারে বড় পিকচার দেওয়া আছে সেটা শো করে না। এর মূল কারন হচ্ছে আপনি হয়তো ফ্রি ব্লগ সাইট ব্যবহার করছেন, নয়তো আপনার ব্লগ সাইটে টুইটার কার্ড এড করা হয়নি। আর বেশিরভাগ ফ্রি টেম্প্লেট এর ক্ষেত্রে টুইটার কার্ড সাপোর্ট করে না।  তার কারনে আমরা চাইলেও টুইটারে আমাদের বড় থাম্বনিল যুক্ত পোস্ট শেয়ার করতে পারিনা।


এই ব্লগে আমি আপনাদের শেখাবে আপনারা কীভাবে আপনাদের ব্লগ সাইটে খুব সহজ ও সঠিক উপায়ে টুইটার কার্ড এড করতে পারেন। এই কাজটা করার জন্য প্রথমে আপনাদেরকে আপনাদের ব্লগার সাইটে আসতে হবে।
 

স্টেপ-১:
 

ব্লগার সাইটে আসার পর blogger.robot.txt সঠিক উপায়ে সেটআপ দিয়ে নিতে হবে। যদি কেউ blogger.robot.txt সঠিক উপায়ে সেটআপ দিতে না পারেন তাহলে নিচে আমি লিংক দিয়ে দিবো আপনারা লিংকে গিয়ে আর্টিকেলটি পড়ে আসবেন তাহলে blogger.robot.txt সঠিক উপায়ে কীভাবে সেটআপ দিতে হয় তার একটা পুরোপুরি ধারনা আপনারা পেয়ে যাবেন। এই কাজটি করাটা এতোটা গুরুত্বপূর্ণ কারন যাতে পরবর্তীতে কোনো প্রকার ইরোর টুইটার কার্ড ভেলিডেটরে মোকাবেলা করতে না হয়। 


স্টেপ-২:

কাস্টম রোবট ট্যাগস্ সঠিক উপায়ে সেটআপ দেওয়া হয়ে গেলে তখনই কেবল আপনারা দ্বীতিয় স্টেপে পা দেবেন। দ্বীতিয় স্টেপে আপনারা আপনাদের টেম্প্লেটটাকে সঠিক উপায়ে এডিট করবেন। সঠিক উপায়ে  এডিট করার জন্য। আপনাদেরকে প্রথমে থিমের মধ্যে Edit Html  এ ক্লিক করতে হবে।


স্টেপ-৩:


Admin>Theme>Edit Html এ যাবার পর আপনারা আপনাদের ব্লগার এইচটিএমএল এর মধ্য থেকে ইমেজ লিংক কপি করে নিয়ে আসবেন।
 

স্টেপ-৪:


আপনারা <Head>কপি অল কোড</Head> ট্যাগের মধ্যে নিচের কোড গুলো কপি করে বসিয়ে দিবেন।

 
<!--Twitter Card-->
<b:if cond='data:blog.pageType == "index"'> <!--homepage-->
<meta name="twitter:card" content="summary" />
<meta name="twitter:description" expr:content='data:blog.metaDescription' />
<meta name="twitter:title" expr:content="data:blog.pageTitle" />
<meta name="twitter:site" content="@username" />
<meta name="twitter:image" content="YOUR_LOGO_URL" />
<meta name="twitter:creator" content="@username" />
</b:if>
<b:if cond='data:blog.pageType == "static_page"'> <!--page-->
<meta name="twitter:card" content="summary" />
<meta name="twitter:description" expr:content='data:blog.metaDescription' />
<meta name="twitter:title" expr:content="data:blog.pageTitle" />
<meta name="twitter:site" content="@username" />
<meta name="twitter:image" content="YOUR_LOGO_URL" />
<meta name="twitter:creator" content="@username" />
</b:if>
<b:if cond='data:blog.pageType == "item"'> <!--blog post-->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:description" expr:content='data:blog.metaDescription' />
<meta name="twitter:title" expr:content="data:blog.pageName" />
<meta name="twitter:site" content="@username" />
<meta name="twitter:image" expr:content="data:blog.postImageUrl" />
<meta name="twitter:creator" content="@username" />
</b:if>
<!--End Twitter Card-->


স্টেপ-৫:


৪নম্বর স্টেপে কপি করা ইমেজ লিংকটা এখন YOUR_LOGO_URL এর জায়গায় বসাবেন। যদি কেউ ইমেজ লিংক কপি করা সম্পর্কে বুঝতে না পারেন তাহলে নিচে আমি লিংক দিয়ে দিবো লিংক থেকে আপনারা ইমেজ লিংক কিভাবে কপি করতে হয় তা জানতে পারবেন।
 

স্টেপ-৬:


এরপর আপনারা পর্যায়ক্রমে username এর জায়গায় আপনাদের নিজের ইউজার নেম বসিয়ে দিবেন। ইউজার নেম বলতে এখানে ডোমেন নেম বুঝানো হচ্ছে।


স্টেপ-৭:


এরপর আপনারা Admin>Theme>Edit Html>Save অর্থাৎ সেভ করে Edit Html থেকে বেরিয়ে আসুন। তারপর দেখতে পাবেন আসল চমক। এতক্ষণে আপনাদের ব্লগারে টুইটার কার্ড এড সঠিক উপায় এক্টিভ হয়ে যাবে। আপনারা এখন টুইটারে বড় থাম্বনিল আকারে পোস্ট করতে সক্ষম হবেন।
 

আপনাদের যদি একটুও উপকার হয়ে থাকে তাহলে অবশ্যয় অবশ্যয় আমার ব্লগ সাইটে সাবস্ক্রাইব করে রাখবেন। কারন সামনে এমনি অনেক ইনটারেস্টিং টপিক আমি আমার এই ব্লগার সাইটে প্রতিনিয়ত লিখতে থাকবো।