ব্লগার/ব্লগস্পটে কীভাবে কীওয়ার্ড জেনারেটর টুল তৈরি করবেন

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

কীওয়ার্ড জেনারেটর টুলসঃ

ব্লগার/ব্লগস্পটে কীভাবে কীওয়ার্ড জেনারেটর টুল তৈরি করবেন

আপনি যদি ব্লগার হন তবে আপনার "কীওয়ার্ডস" সম্পর্কে প্রচুর তথ্য থাকবে। এবং একজন সফল ব্লগারের কথা বলতে কীওয়ার্ডগুলি তাদের সাফল্যের পিছনে সবচেয়ে বড় হাত। এবং এমন পরিস্থিতিতে সঠিক কীওয়ার্ডগুলি খুঁজে পেতে অনেকগুলি কীওয়ার্ড রিসার্চ টুল উপলব্ধ। যার কয়েকটি টুল বিনামূল্যে এবং কিছু প্রিমিয়াম বা টাকা লাগে ।

অবশ্যই পড়ুন-

যাইহোক, প্রত্যেকে আপনাকে সর্বদা প্রদত্ত কীওয়ার্ড জেনারেটর টুল উল্লেখ করবে। সুতরাং এই ক্ষেত্রে, আপনি যদি নিজের ব্লগপোস্টকে গুগল এসইআরপিতে র‌্যাঙ্ক করতে চান তবে আপনাকে কীওয়ার্ড জেনারেটর টুল ব্যবহার করে কীওয়ার্ড সহ আপনার পোস্ট লিখতে পারবেন।

ব্লগারের জন্য কীওয়ার্ড জেনারেটর টুলস স্ক্রিপ্টঃ

সুতরাং এখন এটি আমরা ব্লগার বা ব্লগস্পটে কীওয়ার্ড জেনারেটর  তৈরি করতে পারি কিনা তা আসে? তাই উত্তর হবে হ্যাঁ। আমরা এটি সহজেই তৈরি করতে পারি। এই টুল তৈরি করতে আপনার ব্লগার এবং ব্লগস্পটের জন্য কীওয়ার্ড জেনারেটর টুল স্ক্রিপ্টের প্রয়োজন হবে। সুতরাং নীচে আমি আপনাকে ধাপে ধাপে বলেছি কীভাবে আপনি সহজেই ব্লগার বা ব্লগস্পট ওয়েবসাইটে কীওয়ার্ড জেনারেটর টুল তৈরি করতে পারেন।

ব্লগার / ব্লগস্পটে কীওয়ার্ড জেনারেটর টুল ওয়েবসাইট তৈরি করার নিয়মঃ

  • ব্লগার / ব্লগস্পট ড্যাশবোর্ডে যান
  • এখন থিম বিভাগে ক্লিক করুন
  • নিচে স্ক্রোল করুন & ক্লিক করুন & সাধারণ ব্লগ টেম্পলেট প্রয়োগ করুন
  • এখন কাস্টমাইজ তীর ক্লিক করুন এবং প্রথম জেনারেশন থিম এ স্যুইচ করুন ক্লিক করুন
  • এখন ব্যাকআপ ব্যতীত স্যুইচ অন ক্লিক করুন এবং এখন নভবার বন্ধ করুন
  • সম্পাদনা এইচটিএমএল  ক্লিক করুন

<!DOCTYPE html>
<html>
<title>Keyword Generator Tool</title>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Generate Infinity Keywords for SEO without any limit, its total free"/>
    <meta name="robots" content="index,follow" />
    <meta name="keywords" content="keywords generate,keywords generator for amazon,keywords generators,keywords generator for youtube,keywords generator from text,keywords generator adwords,keywords generator seo,keywords generator from url,keywords generator wordpress,keywords generator instagram,generate keywords for my website," />
     <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
     <link href='https://www.onlinekaj.com' rel='canonical'/>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <link rel="icon" href="favicon.png" sizes="16x16" type="image/png">
  <style>
  * {
    box-sizing: border-box;
}
html {
    background-color: #58a3c7;
}
body {
    margin: 0;
    padding: 60px 0;
    font-family: arial, sans-serif;
    background-color: #58a3c7;
    min-height: 100vh;
}

form {
    background-color: #fff;
    margin: auto;
    max-width: 640px;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 3px 5px rgba(0,0,0,.2);

    h2 {
        margin-top: 0;
        text-align: center;
    }
    
    label {
        display: block;
        margin-bottom: 1em;
        [type=text] {
            font-size: inherit;
            display: block;
            width: 100%;
            padding: .5em;
            border-radius: 3px;
            border: 1px solid #ddd;
        }
        
        span {
            display: block;
            margin-bottom: .5em;
            font-weight: bold;
        }

        [type=checkbox] {
            + span {
                margin-bottom: 0;
                display: inline-block;
                vertical-align: middle;
                font-weight: normal;
            }
        }
    }
    
    button {
        display: block;
        font-size: inherit;
        width: 100%;
        height: 2em;
        padding: .5em;
        text-transform: uppercase;
        background-color: #4caf50;
        color: #fff;
        border-radius: 3px;
        border: 0;
        
        &:focus {
            outline: solid 1px #216f24;
        }
    }
    
    meter {
        display: block;
        width: 100%;
        height: 2em;
        margin-top: 1em;
        overflow: hidden;
        border-radius: 3px;
        position: relative;
        float: left;
        bottom: 1em;
        transform: translateY(-100%);
        transition: height .3s ease-in-out;
        
        &:after {
            content: '';
            display: block;
            box-shadow: inset 0 3px 5px rgba(0,0,0,.5);
            position: absolute;
            border-radius: 3px;
            width: 100%;
            height: 100%;
            z-index: 1;
            top: 0;
            left: 0;
        }
        

        &[value="0"],
        &[value="1"]{
            height: 0;
        }
    }
}


#results {
    background-color: #fff;
    max-width: 640px;
    margin: auto;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 3px 5px rgba(0,0,0,.2);
    margin-top: 20px;
    
    &:empty {
        display: none;
    }
}

img {
    width: 100%;
    height: auto;
}
.ads {  
   margin: auto;
   padding: 60px 0; 
   max-width: 640px;   
   box-shadow: 0 5px 15px rgba(0,0,0,.16);  
   border-radius: 5px;  
   margin-top: 1em;  
   background: #fff;  
   text-align: left;  
 }
  </style>
</head>
<body style="background:#f20c4d;">
<form action="" id="autocomplete">
    <h2>Free Keyword Generator</h2>
    <p>Using This Amazing Free Keywords Finder Tool You Can Find Unlimited Keyword Opportunities.</p>
    <label>
        <span>Keyword</span>
        <input type="text" name="keyword" id="keyword" placeholder="Keyword you want to know more about.">
    </label>

    <label>
        <input type="checkbox" name="iterate-alpha" id="alpha">
        <span>Include results for "keyword [a-z]".</span>
    </label>

    <label>
        <input type="checkbox" name="numbers">
        <span>Include results for "keyword [0-9]".</span>
    </label>
    <button type="submit">Get keywords!</button>
    
    <meter id="progress-meter" value=0 min=0 max=1></meter>
</form>

<div class="ads container">  
         Place you Ad Code 2     
            </div> 

<div id="results"></div>
 </div>
<br>

</body>
<script>
var endpoint = 'https://completion.amazon.com/search/complete?mkt=1&search-alias=aps&x=queryKeywordComplete&Result&q=';

var keywords = [];
var results = {};
var queryIndex = 0;
var meter = document.getElementById('progress-meter');
var resultList = document.getElementById('results');
var ranks = {};

function updateProgress() {
    meter.value = queryIndex / keywords.length;
}

function queryKeywords() {
    queryIndex = 0;
    nextQuery();
}

function nextQuery() {
    updateProgress();

    if (queryIndex < keywords.length) {
        queryKeyword(keywords[queryIndex]);
    } else {
        displayResults();
    }
}

function displayResults() {
    var resultHTML = '';
    for ( var keyword in results ) {
        resultHTML += `<h2>${keyword}</h2>`;
        resultHTML += `<ul>`;

        results[keyword].forEach(function(item) {
            resultHTML += `<li title="${keyword}">${item}</li>`;
        })
        resultHTML += `</ul>`;
    }
    
    resultList.innerHTML = resultHTML;
}

function queryKeyword(keyword) {
    keyword = encodeURIComponent(keyword);
    // to get around cors and other formatting issues the result of this causes.
    var s = document.getElementById('az-autocomplete');

    if (s) {
        s.remove();
    }

    s = document.createElement("script");   
    s.id = 'az-autocomplete';
    s.type = "text/javascript";
    s.src = `${endpoint}${keyword}`;
    document.body.append(s);
}

function queryKeywordComplete(){
    queryIndex++;
    storeQueryResult();
    nextQuery();
}

function storeQueryResult() {
    if (completion) {
        var keyword = completion[0];
        var result = completion[1];
        results[keyword] = result;
    }
}

function iterateAlphabet(keyword) {
    var list = [];
    
    for (var i = 0; i < 26; i++) {
        // 97 = a
        var char = String.fromCharCode(97 + i);
        list.push(`${keyword} ${char}`);
    }
    
    return list;
}

function iterateNumbers(keyword) {
    var list = [];

    for (var i = 0; i <= 9; i++ ) {
        list.push(`${keyword} ${i}`);
    }
    
    return list;
}

var queryForm = document.getElementById('autocomplete');
queryForm.addEventListener('submit', function(e) {
    var keyword = e.target.keyword.value;
    var alpha = e.target.alpha.checked;
    var numbers = e.target.numbers.checked;
    
    keywords = [];
    results = {};
    ranks = [];
    if (alpha || numbers) {
        var height = Math.floor(Math.random() * (900 - 300) + 300);
        resultList.innerHTML = `<h2 style="text-align: center;">A kitten while you wait</h2><img src="https://placekitten.com/598/${height}">`;
    } else {
        resultList.innerHTML = '';
    }
    
    e.preventDefault();
    updateKeywords(keyword, alpha, numbers);
    queryKeywords();
})

function updateKeywords(keyword, addAlpha, addNumbers) {
    keywords.push(keyword);
    
    if (addAlpha) {
        var a = iterateAlphabet(keyword);
        keywords = keywords.concat(a);
    }
    
    if(addNumbers) {
        var n = iterateNumbers(keyword);
        keywords = keywords.concat(n);
    }
}
</script>
</html>

  • এখানে সমস্ত কোড ডিলিট করুন
  • উপরে দেওয়া কোড এ্যাড করুন 
  • এখন সেভ থিম ক্লিক করুন,
  • এখন আপনার কীওয়ার্ডস জেনারেটর টুলস প্রস্তুত।

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

By commenting you acknowledge acceptance of Whatisloved.com-Terms and Conditions

Post a Comment

By commenting you acknowledge acceptance of Whatisloved.com-Terms and Conditions

Post a Comment (0)

Previous Post Next Post