ব্লগারের জন্য এসইও কন্ট্রোল প্যানেল একেবারে ওয়ার্ডপ্রেসের মত !

June 09, 2018  bdtutorial  
আসসালামু আলাইকুম বন্ধুরা ।  ওয়ার্ডপ্রেস ব্যবহার করে এস ই ও তে অনেক সুবিধা হয় তাই অনেকেই ব্লগস্পট ছেরে ওয়ার্ডপ্রেস এ চলে যাচ্ছেন । ব্যবহার কারিদের এস ই ও নিয়ে যা দুঃখ আসে আমি তা পূরণের জন্য অনেক দিন ধরে চেষ্টা করে আসছি।


Download now



এর আগে আমি দেখিয়েছি কিভাবে ব্লগস্পট ব্যবহার কারিরা SEO by Yoast প্লাগিন ব্যবহার করে। ব্লগস্পট এ পোস্ট করবেন। জারা দেখেন নি তারা এখানে ক্লিক করুন । আর বিস্তারিত আমি আমার পরবর্তী পোস্ট এ আপনাদের জন্য বাংলায় লিখে দিব যদি আপনাদের প্রয়োজন হয় অবসসই কমেন্ট এ জানাবেন ।


এই কন্ট্রোল প্যানেল এর সুবিধা সমুহ কি ?



SEO By Yoast plugin টার আরেকটা কাজ হল ওয়ার্ডপ্রেস এর অ্যাডমিন বারে একটি পুরনাঙ্গ এস ই ও চেক লিস্ট ও টুলস যোগ করা জাতে সকল এস ই ও সুবিধা ব্লগ এর হোম পেজ থেকেই পাওয়া যায় ।


কিভাবে যুক্ত করবেন আপনার ব্লগ এ ?


  • প্রথমে ড্যাশবোর্ড থেকে Template এ ক্লিক করুন
  • এবার Edit HTML এ ক্লিক করুন
  • কীবোর্ড এর CTRL+F প্রেস করে ]]></b:skin> ট্যাগ খুজুন
  • ঠিক তার উপরে নিচের কোড গুলো কপি করে বসিয়ে দিন ।


.admin-controll,.admin-controll * {    margin: 0;    padding: 0;    list-style: none;    list-style-type: none;    line-height: 1.0;}.admin-controll ul {    position: absolute;    top: -999em;    width: 100%;}.admin-controll ul li {    width: 100%;    background: 333333;}.admin-controll li:hover {    visibility: inherit;}.admin-controll li {    float: left;    position: relative;}.admin-controll a {    display: block;    position: relative;}.admin-controll li:hover ul,.admin-controll li.sfHover ul {    left: 0;    top: 100%;    z-index: 99;}.admin-controll li:hover li ul,.admin-controll li.sfHover li ul {    top: -999em;}.admin-controll li li:hover ul,.admin-controll li li.sfHover ul {    left: 100%;    top: 0;}.admin-controll li li:hover li ul,.admin-controll li li.sfHover li ul {    top: -999em;}.admin-controll li li li:hover ul,.admin-controll li li li.sfHover ul {    left: 100%;    top: 0;}.mbl-admin-bar {    margin: 0px;    direction: ltr;    color: #ccc;    font: 400 13px/32px "Open Sans",sans-serif;    height: 32px;    position: fixed;    top: 0;    left: 0;    width: 100%;    min-width: 600px;    z-index: 99999;    background: #222;    float: left;}.mbl-admin-bar li a {    display: block;    color: #fff;    padding: 7px 15px;    font-weight: 400;    text-decoration: none;    font-size: 14px;}.mbl-admin-bar li li a {    font-size: 15px;    color: #fff;    float: none;    padding: 0px;    width: 0;}ul.children {    color: #fff;    background: #333333;    font-size: 18px;    min-width: 230px;    padding: 10px;    float: right;    margin-left: -98px;}.mbl-admin-bar li a:hover,.mbl-admin-bar li a:active,.mbl-admin-bar li a:focus,.mbl-admin-bar li:hover > a,.mbl-admin-bar li.current-cat > a,.mbl-admin-bar li.current_page_item > a,.mbl-admin-bar li.current-menu-item > a {    color: #38b8f0;    background: #333333;}.fa {    font-size: 18px;    color: #999;    margin-right: 5px;}.fa.fa-user {    font-size: 50px;    float: left;    padding: 20px;    border: 1px solid #212121;    background: #575757;}ul.children img {    width: 80px;    height: auto;    float: left;    margin-right: 10px;}ul.children a {    margin-top: 10px;}li.mright {    float: right;}li.mblogo a {    padding: 3px 15px 3px 15px!important;}ul.child1 {    min-width: 200px;    color: #fff;  background: #333333;}ul.child1 li a {      padding: 10px;    width: 100%;    background: #333333;}

এরপর আবার একি ভাবে <body>  খুজে বের করুন।  <body>  এর ঠিক নিচে বসাতে হবে নিচের কোড গুলো



<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>
<link href='http://fonts.googleapis.com/css?family=Open Sans:400' rel='stylesheet' type='text/css'/>
<span class='item-control blog-admin'>
<div class='span-24'>
<div class='mbl-cpanel'>
<ul class='admin-controll mbl-admin-bar'>
<li class='mblogo'><a href='http://www.sifspot.com/" target="_blank" rel="dofollow"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIh5JssVYXntlIY2he4FPRNXWv5_FXI0B_I6mHEQngNcIV2-U0yKi0SO09QH9Glf0XtGRqG3TsI8fPfWuKs-kyf4BvRU6RhUD7fEloOkLETK9iVL1uSgUj6wagLFUj38CIbg7o3pk-eLc/s1600/favicon.ico.png'/></a></li>

<li class='blog-title'><a expr:href='data:blog.homepageUrl'><i class='fa fa-tachometer'/> <data:blog.title/></a>
<ul class='child1'>
<li><a href='http://www.blogger.com/home'><i class='fa fa-puzzle-piece'/> Dashboard</a></li>
</ul>
</li>
<li><a href='#'><i class='fa fa-pencil'/> Posting</a>
<ul class='child1'>
<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#editor/src=sidebar&quot;'><i class='fa fa-plus'/> New Post</a></li>
<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#editor/target=page&quot;'><i class='fa fa-file'/> New Page</a></li>
<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#posts&quot;'><i class='fa fa-th-list'/> All Posts</a></li>
<li><a expr:href='&quot;https://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#editor/target=post;postID=&quot; + data:blog.postId + &quot;&quot;'><i class='fa fa-pencil-square'/>Edit Post</a></li>
</ul>
</li>
<li><a href='#'><i class='fa fa-cogs'/> Customize</a>
<ul class='child1'>
<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#pageelements&quot;'><i class='fa fa-wrench'/> Layout</a></li>
<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#templatehtml&quot;'><i class='fa fa-pencil-square-o'/> Edit Template</a></li>
</ul>
</li>
<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#comments&quot;'><i class='fa fa-comments'/> Comments</a>
<ul class='child1'>
<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#pendingcomments&quot;'><i class='fa fa-bullhorn'/> Pending Comments</a></li>
<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#spamcomments&quot;'><i class='fa fa-ban'/> Spam Comments</a></li>
</ul>
</li>
<li><a href='http://sifspot.com/category/seo/'><i class='fa fa-search'/> SEO</a>
<ul class='child1'>
<li><a href=''> Keyword Research     <i class='fa fa-caret-right'/></a>
<ul class='child1'>
<li><a href='http://adwords.google.com/keywordplanner'> AdWords External</a></li>
<li><a href='http://www.google.com/insights/search/#q==q'> Google insight</a></li>
</ul>
</li>
<li><a href='data:blog.homepageUrl'> Analyze This Page      <i class='fa fa-caret-right'/></a>
<ul class='child1'>
<li><a href='https://moz.com/researchtools/ose/'> Check Inlinks (OSE)</a></li>
<li><a href='http://tools.seobook.com/general/keyword-density/'> Check keyword Density</a></li>
<li><a href='http://smallseotools.com/google-cache-checker/'> Check Google Cache</a></li>
<li><a href='https://www.quixapp.com/headers/'> Check Header</a></li>
<li><a href='https://developers.google.com/structured-data/testing-tool/'> Check Structured Data </a></li>
<li><a href='https://developers.facebook.com/tools/debug/og/object'> Facebook Debugger</a></li>
<li><a href='https://developers.pinterest.com/rich_pins/validator/'> Pinterest Rich Pins Validator</a></li>
<li><a href='http://validator.w3.org/'> HTML Validator</a></li>
<li><a href='http://jigsaw.w3.org/css-validator/'> CSS Validator</a></li>
<li><a href='http://developers.google.com/speed/pagespeed/insights/'> Google Page Speed Test</a></li>
<li><a href='https://www.modern.ie/en-us/report'> Modern IE Site Scan</a></li>
</ul>
</li>
<li><a href='http://sifspot.com/category/seo/'><i class='fa fa-book'/>Learn SEO</a></li>
<li><a href='http://sifspot.com/seo-by-sifat-1-0-blogspot-seo-plugin/'><i class='fa fa-refresh'/>SEO By Sifat Update</a></li>
</ul>
</li>
<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#basicsettings&quot;'><i class='fa fa-cog'/> Settings</a>
<ul class='child1'>
<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#basicsettings&quot;'><i class='fa fa-th-large'/> Basics</a></li>
<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#postandcommentsettings&quot;'><i class='fa fa-comments'/> Post &amp; Comments</a></li>
<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#emailandmobilesettings&quot;'><i class='fa fa-mobile'/><i></i> Mobile &amp; Email</a></li>
<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#languageandformattingsettings&quot;'><i class='fa fa-language'/> Language</a></li>
<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#searchsettings&quot;'><i class='fa fa-search-plus'/> Search Preference</a></li>
<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#othersettings&quot;'><i class='fa fa-code'/> Other</a></li>
<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#overviewstats&quot;'><i class='fa fa-bar-chart'/>Stats</a></li>
</ul>
</li>
<li class='mright'> <a>Howdy, Admin</a>
<ul class='children'>
<li><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPtLV-lXkhlBvIwXftJi2LPkQ4O6kbK6_oB2Io63juouGYxjNSTF7PQUGNV1uPqW-pikW3iiTfw-xGEFTKpEG0trk0o8CzTFm5GiGCoe4uohgbkQp2KRJfLshXhWhyNM072cLQOBdJTdk/s1600/1111111111111111111111.png'/>
<div class='mauthor'><br/>admin</div>
<a href='http://www.blogger.com/logout.g'>Logout</a></li>
</ul>
</li>
</ul>
</div>
</div>
</span>


তারপর একি ভাবে </head> খুজে বের করুন। </head> এর ঠিক আগে বসাতে হবে নিচের কোড গুলো


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js
' type='text/javascript'></script><script type='text/javascript'>$(document).ready(function() {   $("a[href^='http://']").each(     function(){      if(this.href.indexOf(location.hostname) == -1) {         $(this).attr('target', '_blank');       }     }   );$("a[href^='https://']").each( function(){ if(this.href.indexOf(location.hostname) == -1) { $(this).attr('target', '_blank'); } } );  });</script>

কাজ শেষ Templaet Save এ প্রেস করে বেরিয়ে আসুন আর আপনার ব্লগ এ যান দেখুন  উপরেই আচে এস ই ও অপশন ।


সেখান থেকে প্রয়োজন মত এস ই ও টুলস ব্যবহার করতে পারবেন । এটা Version 1.00. এটায় ম্যানুয়ালি লিঙ্ক বসিয়ে টুলস এ চেক করতে হবে। Version 1.01 ও তৈরি করা আছে সেটার সুবিধা সমূহ ওয়ার্ডপ্রেস এর থেকেও বেশি ।