ব্লগস্পট ব্লগার টেমপ্লেট Blogger SEO Part1

পেজ টাইটেল দেখেই নিশ্চয় বুঝতে পারছেন আজকে ব্লগস্পট (ব্লগার) (Blogger / Blogspot) এর টেমপ্লেট এসইও (SEO) কিভাবে করতে হয় সেটি দেখব। এজন্য অনেকে আমাকে অনেক রিকুয়েস্ট করেছেন যেন আমি ব্লগারের অনপেজ এসইও কিভাবে করতে হয় সেটি দেখাই। যারা নতুন তাদের জন্যই এই টিওটোরিয়াল তৈরীর উদ্যোগ।বিদ্র: যারা একসপারট তাদের জন্য এই টিওটোরিয়াল নয়, তাই তাদের না পড়াই ভাল।
আমি দেখেছি যারা একেবারে নতুন ব্লগিং করতে আসেন, তারা এসইও সম্পর্কে কোন ধারনা না নিয়েই তাদের ব্লগ ব্লগস্পটে বানান। কিছুদিন পর তারা আবিস্কার করেন তাদের ওয়েবসাইটে গুগল থেকে বা সার্চ ইন্জিন থেকে তারা ভিজিটর পাচ্ছেন না। তো স্বাভাবিক ভাবেই উনারা আমাকে প্রশ্ন করেন যে ব্লগে কিভাবে ভিজিটর বাড়ানো যায়। তখন উনারা আমাকে তাদের সাইটের এড্রেসটি দেন, এবং বলেন যে কি করলে আমি সার্চ ইন্জিন থেকে ভিজিটর পাব, পোস্ট তো অনেকই লিখলাম। তারপর আমি উনাদের ব্লগটি দেখি। বেশীরভাগ, এভোব ৯০%+ জন ব্লগারের ডিফল্ট সিম্পল বা ব্লগারের নিজেস্ব টেমপ্লেট গুলো ব্যবহার করেন, এবং যারা অন্য টেমপ্লেট ব্যাবহার করেন, তাদেরও কিছু সমস্যা ধরা পড়ে। তো চলুন এখন আমরা দেখি:

কেন ব্লগস্পট এর টেমপ্লেট (Blogspot Template) এর এসইও করবেন ?

ব্লগারের যেসব ডিফল্ট টেমপ্লেট থাকে সেটিতে কি কি সমস্যা থাকে দেখি আসুন।
সমস্যা ক) হোম পেজ এর টাইটেল পোস্ট পেজের টাইটেলের আগে আসে:

ধরুন আপনার হোম পেজের টাইটেল এরকম: Bangla Cinema Free Download
পোস্ট পেজের টাইটেল টা এরকম: Matir Moina Cinema Full Movie Free Download
তাহলে ব্লগারের ডিফল্ট টেমপ্লেট হোম পেজের টাইটেল দেখাবে: Bangla Cinema Free Download। কিন্তু পোস্ট পেজের টাইটেল দেখাবে এরকম:
Bangla Cinema Free Download: Matir Moina Cinema Full Movie Free Download
আমরা জানি গুগল সার্চ রেজাল্টে পেজ টাইটেলের ৬৯ কারেক্টার পর্য়ন্ত শো করে। অনান্যরা ৬৫ ক্যারেকটার। তো উপরের মাটির ময়না পোস্টটির টাইটেল যদি ৭২ ক্যারেকটার হয় তাহলে গুগল বা সার্চ ইন্জিন ঐ পোস্ট এর পরের দিকের কিওয়ার্ড গুলো কে গুরুত্ব দিবে না। কারন সার্চ ইন্জিন গুলো পেজ টাইটেলের শুরুতে কিওয়ার্ড দিলে সেটিকে বেশী গুরুত্ব দেয়। আর পেজ টাইটেল খুব বড় বা কিওযার্ড ভর্তি পেজ টাইটেল দিলে গুগল ওভার অপটিমাইজেশন করেছে বলে ধরে ফেলে। তাই পেজ টাইটেল ছোট রাখা ভাল, যদি কোন কারনে পেজ টাইটেল বড় করতে হয় তাহলে মাথায় রাখতে হবে যে টাইটেল ভর্তি যেন শুধু কিওয়ার্ডই না থাকে। তো চলুন দেখি পেজ টাইটেল কেমন হলে ভাল হয়:
আমাদের কিওয়ার্ড টা যদি হয়: “Matir Moina Download”। আমরা যদি পেজটাইটেল টা এরকম করি:
Matir Moina Cinema Full Movie Free Download | Bangla Cinema Free Download
তাহলে কি সুবিধা পাব বলুন?
ভিজিটর যখন এই কিওয়ার্ডটি দিয়ে সার্চ করে যদি আপনার সাইটটি সার্চ রেজাল্টে দেখতে পায়, তবে Matir Moina লেখাটা প্রথমে দেখতে পাবে, এর পর আপনার হোম পেজের টাইটেল দেখতে পাবে। তো সার্চ ইন্জিনও চায় যে সবকিছু ইউজার ফেন্ডলি হোক। তাই সার্চ ইন্জিনও টাইটেলের শুরুতে কিওয়ার্ড কে বেশী গুরুত্ব দেয়। তাহলে আসুন দেখি:
প্রথমেই আপনার ব্লগের টেমপ্লেটের ব্যাকআপ নিন। অথবা নতুন একটি ব্লগ খুলে সেখানে প্রাকটিস করতে পারেন।

Step A: কিভাবে ব্লগারের পেজ টাইটেল এসইও ফেন্ডলি করবেন:

(আপনার টেমপ্লেটের ব্যকআপ আগে সেভ করে নিন, যাতে কোন সমস্যা হলে রিস্টোর করতে পারেন)
১। আমাদের প্রিয় মরজিনা আগুন আপা (সরি মজিলা ফায়ার ফক্স) ওপেন করে আপনার ব্লগার ডাসবোর্ড এ যান।
২। আপনার ব্লগে ক্লিক করে ড্যাশবোর্ডে ঢুকুন, বাম পাশের মেনু থেকে Template এ ক্লিক করুন।
৩।Edit Html এ ক্লিক করুন। এর পর কিবোর্ড থেকে কন্ট্রোল + এফ চাপুন। দেখুন একটি সার্চ বক্স আসবে। ঐ সার্চ বক্স এ নিচের কোড পেস্ট করুন।
<title><data:blog.pageTitle/></title>
এখন উপরের কোড টি ডিলেট করে ঐ জায়গায় নিচের কোড বসান।
Download this Code

<b:if cond='data:blog.pageType == &quot;item&quot;'> <title><data:blog.pageName/></title> 
<b:else/>
<title>Your Home Page Title Write Here</title> 
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'> 
<meta content='Your Meta Description Write Here' name='description'/>
<meta content='Keyword1, keyword2, keyword3' name='keywords'/> </b:if>

উপরের লাল লেখা টি (Your Home Page Title Write Here)র বদলে আপনার হোম পেজের টাইটেল টি লিখুন, নীল লেখাটির () বদলে আপনার হোম পেজের মেটা ডিসক্রিপশন লিখুন এবং সবুজ () লেখার বদলে আপনার সাইটের হোম পেজের কিওয়ার্ড গুলো লিখুন।
আর পারসোনালি ব্লগারের ক্ষেত্রে আমি মেটা কিওয়ার্ড ব্যবহার করিনা। অথবা,
নিচের কোডটিও বসাতে পারেন।

<b:if cond='data:blog.pageType == &quot;item&quot;'> <title><data:blog.pageName/> » <data:blog.title/></title>
<b:else/>
<title>Your Home Page Title Write Here</title> 
</b:if> 
<b:if cond='data:blog.url == data:blog.homepageUrl'> 
<meta content='Your Meta Description Write Here' name='description'/> 
<meta content='keyword1, keyword2, keyword3' name='keywords'/> </b:if>

উপরের কোডে প্রথমে আপনার পোস্ট পেজের টাইটেল দেখাবে এর পর হোম পেজের টাইটেল দেখাবে।
৪। এরপর টেমপ্লেট সেভ করুন।
সমস্যা খ) H3 (হেডিং ৩) র মধ্যে ব্লগস্পটের টাইটেল দেয়া থাকে।
আমরা জানি নিউজ পেপারে প্রধান হেডলাইন, সেকেন্ড হেডিং, থার্ড হেডিং থাকে এবং প্রধান হেডিং সবচেয়ে বড় ফন্টে লেখা হয়। তো ওয়েব পেজের ক্ষেত্রে ও প্রধান হেডিং কে H1 বলা হয়। মানুষ এবং সার্চ ইন্জিন প্রধান হেডিংকেই অন্যান্য হেডিং এর চেয়ে বেশী গুরুত্ব দিয়ে থাকে। তাই পেজ বা পোস্ট এর মেইন কিওয়ার্ড অবশ্যই H1 এর ভেতরে রাখতে হবে। তো ব্লগ সাইট গুলোতে পেজ টাইটেলটাকেই হেডিং হিসেবে ব্যবহার করা হয়। তো চলুন দেখি:
১। মজিলা ফায়ার ফক্স এ আপনার সাইটটির যে কোন একটি পোস্ট ওপেন করুন।
২। পোস্টের হেডলাইনটি কপি করুন। (কপি করতে ব্লক করে Ctrl+C চাপুন)
৩। এখন কিবোর্ড থেকে Ctrl+U চাপুন। HTML কিছু কোড আসবে।
৪। কিবোর্ড থেকে Ctrl+F চাপুন, একটি সার্চ বক্স আসবে। সার্চ বক্সের ভেতরে ক্লিক করে পেস্ট করুন (Ctrl+V), এরপর কিবোর্ড এর ইন্টার চাপুন।
৫। দেখুন এরকম দেখাচ্ছে: <title>Your Headline here</title> এর মানে এটি পেজ টাইটেল দেখাচ্ছে। আমরা টাইটেলটা পরিবর্তন করতে চাচ্ছি না, হেডিং পরিবর্তন করতে চাচ্ছি। সুতরাং সার্চ বক্স থেকে নেক্সট করুন। দেখবেন এরকম দেখাচ্ছে:

<h3>Your Headline here</h3>

। তো যদি এখানে h3 বা h2 না দেখিয়ে h1 দেখায় তাহলে আপনার টেমপ্লেটটি ঠিক আছে, চেন্জ করতে হবে না। তবে h3 বা h2 দেখালে নিচের পদ্ধতিতে চেন্জ করুন।

Step B: কিভাবে ব্লগারের পেজ টাইটেল কে H3 থেকে H1 করবেন?

১। মজিলা ফায়ার ফক্স ওপেন করে আপনার ব্লগার ডাসবোর্ড এ যান।
৩।Edit Html এ ক্লিক করুন। এর পর কিবোর্ড থেকে Ctrl+F চাপুন। দেখুন একটি সার্চ বক্স আসবে। ঐ সার্চ বক্স এ নিচের কোড পেস্ট করুন।
<data:post.body/>
এখন নিচের কোড গুলো খুজে বের করুন।
Download this Code

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

৪। উপরের কোড গুলোতে দেখুন h3 দুইবার দেখা যাচ্ছে (আপনার টেমপ্লেটে h2 অথবা h3 দেখাবে)। এখন h3 বা h2 ডিলেট করে নিচের কোড এর মতো h1 করে দিন।

<b:if cond='data:post.title'>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>

৫। টেমপ্লেট সেভ করুন।
সমস্যা গ) ব্লগস্পট সাইটের h1 দুইটা হয়ে যাওয়া:
এখন আপনি কোন পোস্ট ব্রাউজারে ওপেন করে Ctrl+U দিয়ে এরপর Ctrl+F দিয়ে h1 কে খুজতে থাকুন। দেখবেন দুই জায়গায় h1 কে খুজে পাবেন। একটা আপনার ব্লগের নেমে (যেটি হেডারে থাকে) এবং অন্যটি আপনার পোস্ট কনটেন্ট হেডলাইন।
আপনার মনে হতে পারে হেডিং দুইটা থাকলে সমস্যা কোথায়? আসলে খুব একটা সমস্যা নেই। কিন্তু সার্চ ইন্জিন একটা পেজে একাধিক h1 পছন্দ করে না। আপনি দেখে থাকবেন নিউজ পেপারের হেডলাইন কিন্তু একটায় থাকে। তাহলে এখন কি করবেন? দুইটা কাজ করতে পারেন। আসুন দেখি:
১। আপনার ব্লগের নাম (যেটি হেডিং এ থাকে) সেই h1 কে h3 করে দিতে পারেন।
যেভাবে করবেন: প্রথমে টেমপ্লেট এর হেডারে যে h1 আছে সেটি খুজে বের করুন। সেটিকে h3 করে দিন। কিন্তু এটা h3 করার পর সেটি খারাপ দেখাবে। তাই টেমপ্লেট এর CSS অংশে h3 র CSS স্টাইল কোড টুকু ডিলেট করে h1 এর CSS স্টাইল কোড টুকু বসিয়ে দিন।
অথবা,
২। আপনার ব্লগের নাম (যেটি হেডিং এ থাকে) সেটির h1 ও h3 চেন্জ না করে ওখানে ইমেজ আপলোড করে দিন। লোগো ইমেজটি ফটোসপ দিয়ে jpeg/অনান্য ফরম্যাটে তৈরী করে ব্লগারের হেডারে আপলোড করুন।
সর্তকতা: ক) ইমেজের ফাইল সাইজ (কেবি) যেন খুব বেশী না হয়। (সাইজ ১ -৪০ কেবির মদ্ধে রাখবেন, যত কম তত ভাল, jpeg কোয়ালিটি মাক্স 60 দিতে পারেন কমপ্রেস করার জন্য)
সর্তকতা খ) অবশ্যই ইমেজের অল্টার ট্যাগ দিতে হবে। অন্টার ট্যাগ হিসেবে আপনার ব্লগের নাম দিয়ে দিন। যে কোন সময় ইমেজের অল্টার ট্যাগ দিতে মিস করলে কিন্তু সার্চ ইন্জিন আপনার সাইটকে পুওর ভাববে।

Read More Button a Anchor Text হিসেবে Title দেখানো

Download This Code
১। প্রথমে নিচের কোডটি খুজে বের করুন

<data:post.jumpText/>

এরপর ঐ কোডটুকু ডিলেট করে নিচের কোড টুকু বসান (রিপ্লেস করুন):

<data:post.title/> &gt;&gt;<data:post.jumpText/>

এবার সেভ করে preview দেখুন।আর পুরো কোডটি চেন্জ করার পর নিচের মত দেখায়:

<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.title/> &gt;&gt;<data:post.jumpText/></a>
      </div>
    </b:if>

Blogger Navbar লুকিয়ে ফেলুন

প্রথমে নিচের কোডটি খুজে বের করুন।
Download This Code

]]></b:skin>

এবং ঠিক এই কোডের উপরেই নিচের কোড টুকু বসিয়ে দিন।

.navbar {
display:none;
}

কোড বসানোর পর এটি দেখতে নিচের মত হবে।

.navbar {
display:none;
}
]]></b:skin>

আসুন দেখি কিভাবে এটি প্যাকটিক্যালি করা যায়:
যারা উপরের ব্লগার টিউটোরিয়াল পড়ে বুঝবেন না তারা ভিডিওটি দেখে নিন। ভিডিও দেখলে সহজেই করতে পারবেন।
ক) ইউটিউবে দেখুন
খ) ভিডিও ডাউনলোড করুন সরাসরি (ভয় নেই ভাইরাস মুক্ত)
যারা ডকুমেন্টটি ও চান তাদের জন্য:
ক) doc (MS Word) ডকুমেন্ট
খ) পিডিএফ
গ) Power Point ডকুমেন্ট

S

Bookmarklet by Shareyt

Share on Facebook Share on Twitter Share on Google Plus

About Unknown