আমার একটি ওয়েবপৃষ্ঠা রয়েছে যা প্রতিটি পৃথক সামগ্রী প্রদর্শন করে এমন ট্যাবগুলির একটি সেট প্রয়োগ করে। ট্যাব ক্লিকগুলি পৃষ্ঠাটি রিফ্রেশ করে না তবে ক্লায়েন্টের পাশের বিষয়বস্তুগুলি আড়াল / লুকিয়ে রাখে।
এখন পৃষ্ঠায় নির্বাচিত ট্যাব অনুসারে পৃষ্ঠার শিরোনাম পরিবর্তন করার প্রয়োজন রয়েছে (এসইও কারণে)। এটা কি সম্ভব? কেউ পৃষ্ঠাটি পুনরায় লোড না করে জাভাস্ক্রিপ্টের মাধ্যমে পৃষ্ঠার শিরোনামকে গতিশীলভাবে পরিবর্তনের কোনও সমাধানের পরামর্শ দিতে পারেন?
উত্তর:
আপডেট : SearchEngineLand এর মন্তব্য এবং রেফারেন্স অনুসারে বেশিরভাগ ওয়েব ক্রলার আপডেট হওয়া শিরোনামটিকে সূচক করবে। নীচে উত্তর অচল, তবে কোডটি এখনও প্রযোজ্য।
আপনি ঠিক এর মতো কিছু করতে পারেন
document.title = "This is the new page title.";তবে এটি SEO এর উদ্দেশ্যকে পুরোপুরি পরাস্ত করবে। বেশিরভাগ ক্রলাররা প্রথমে জাভাস্ক্রিপ্ট সমর্থন করতে যাচ্ছেন না, তাই তারা পৃষ্ঠার শিরোনাম হিসাবে উপাদানটিতে যা আছে তা গ্রহণ করবেন।আপনি যদি এটির বেশিরভাগ গুরুত্বপূর্ণ ক্রলারগুলির সাথে সামঞ্জস্যপূর্ণ হতে চান তবে আপনাকে শিরোনাম ট্যাগটি নিজেই পরিবর্তন করতে হবে যা পৃষ্ঠা পুনরায় লোড করার সাথে জড়িত (পিএইচপি, বা এর মতো)। আপনি যদি পৃষ্ঠার শিরোনামটি এমনভাবে পরিবর্তন করতে চান যা কোনও ক্রলার দেখতে পায় You're
আমি ভবিষ্যত থেকে হ্যালো বলতে চাই :) সম্প্রতি যা ঘটেছিল তা:
সুতরাং আপনার প্রশ্নের জবাব দেওয়ার জন্য আপনি জাভাস্ক্রিপ্ট থেকে শিরোনাম এবং অন্যান্য মেটা ট্যাগগুলি নিরাপদে পরিবর্তন করতে পারবেন (আপনি যদি গুগল-এর অনুলিপি অনুসন্ধান ইঞ্জিনগুলিকে সমর্থন করতে চান তবে আপনি https://prerender.io এর মতো কিছু যোগ করতে পারেন ), কেবল তাদের পৃথক ইউআরএল হিসাবে অ্যাক্সেসযোগ্য করে তুলুন ( নইলে গুগল কীভাবে জানবে যে অনুসন্ধান ফলাফলগুলিতে দেখানোর জন্য সেগুলি পৃথক পৃষ্ঠা?) এসইও সম্পর্কিত ট্যাগ পরিবর্তন করা (ব্যবহারকারী কোনও কিছুর উপর ক্লিক করে পৃষ্ঠা পরিবর্তন করার পরে) সহজ:
if (document.title != newTitle) {
document.title = newTitle;
}
$('meta[name="description"]').attr("content", newDescription);
কেবল নিশ্চিত হয়ে নিন যে CSS এবং জাভাস্ক্রিপ্টটি রোবটস.টেক্সটে অবরুদ্ধ নয়, আপনি গুগল ওয়েবমাস্টার সরঞ্জামগুলিতে গুগল পরিষেবা হিসাবে আনতে পারেন ।
1: http://searchengineland.com/tested-googlebot-crawls-javascript-heres-learned-220157
জাভাস্ক্রিপ্টের মাধ্যমে পৃষ্ঠা শিরোনাম কীভাবে পরিবর্তন করা এসইওকে সহায়তা করবে তা আমি দেখতে পাচ্ছি না। বেশিরভাগ (বা সমস্ত) অনুসন্ধান বট জাভাস্ক্রিপ্ট চালায় না এবং কেবল প্রাথমিকভাবে লোড হওয়া শিরোনামটি পড়বে যা মার্ক আপ-
আপনি যদি এসইওকে সহায়তা করতে চান তবে আপনাকে পৃষ্ঠার শিরোনামটি ব্যাক-এন্ডে পরিবর্তন করতে হবে এবং পৃষ্ঠার বিভিন্ন সংস্করণ পরিবেশন করতে হবে।
window.historyকরার সময় পৃষ্ঠার শিরোনামের পাশাপাশি ইউআরএল আপডেট করা ভাল
ব্যবহার document.title।
একটি প্রাথমিক টিউটোরিয়াল জন্য এই পৃষ্ঠাটি দেখুন ।
কোডটি হ'ল
document.title = 'test'
;শেষের দিকে যুক্ত করার দরকার নেই ?
আপনি শিরোনাম পরিবর্তন করতে পারেন এমন অনেকগুলি উপায় রয়েছে, প্রধান দুটি, এর মতো:
এইচটিএমএলে (যেমন <title>Hello</title>) শিরোনাম ট্যাগ রাখুন , তারপরে জাভাস্ক্রিপ্টে:
let title_el = document.querySelector("title");
if(title_el)
title_el.innerHTML = "World";
সবচেয়ে সহজ হ'ল ডকুমেন্ট অবজেক্ট মডেল (ডিওএম) দ্বারা সরবরাহিত পদ্ধতিটি ব্যবহার করা
document.title = "Hello World";পূর্ববর্তী পদ্ধতিটি হ'ল ডকুমেন্টের শরীরে পাওয়া ট্যাগগুলিকে পরিবর্তন করতে আপনি কী করবেন । মাথার মতো পাওয়া মেটা-ডেটা ট্যাগগুলি সংশোধন করার জন্য এই পদ্ধতিটি ব্যবহার করা (যেমন title) সর্বোত্তমভাবে সন্দেহজনক অনুশীলন, বুদ্ধিদীপ্ত নয়, শুরু করার মতো খুব ভাল শৈলী নয়, এমনকি এটি বহনযোগ্যও নয়। আপনি যে বিষয়টির বিষয়ে নিশ্চিত হতে পারেন তা হ'ল এটি অন্যান্য বিকাশকারীদের title.innerHTML = ...কোডটি রক্ষণাবেক্ষণ করে দেখলে তারা বিরক্ত করবে ।
আপনি যেটির সাথে যেতে চান তা হ'ল পরের পদ্ধতি। নামটি যেমন শিরোনাম পরিবর্তন করে, তেমন উদ্দেশ্যে বিশেষভাবে DOM স্পেসিফিকেশনে এই সম্পত্তি সরবরাহ করা হয়েছে ।
এও নোট করুন যে আপনি যদি XUL- র সাথে কাজ করছেন, আপনি শিরোনাম সেট করতে বা পাওয়ার চেষ্টা করার আগে নথীটি লোড হয়েছে কিনা তা পরীক্ষা করতে পারেন, অন্যথায় আপনি অনুরোধ করছেন undefined behavior(এখানে ড্রাগন থাকুন), যা এটি তার নিজের ডানায় একটি ভীতিজনক ধারণা। এটি জাভাস্ক্রিপ্টের মাধ্যমে ঘটতে পারে এবং নাও হতে পারে, কারণ ডম-এ থাকা দস্তাবেজগুলি অবশ্যই জাভাস্ক্রিপ্টের সাথে সম্পর্কিত নয়। তবে এক্সএলএল হ'ল একটি 'জন্তু জন্তু, তাই আমি খনন করি।
.innerHTMLমাথায় রাখার জন্য কিছু ভাল পরামর্শ .innerHTMLহ'ল ব্যবহারটি সাধারণত ম্লান। appendChildপরিবর্তে ব্যবহার করুন।
যদিও এখনও দুটি ক্ষেত্রে যেখানে আমি .innerHTMLদরকারী বলে মনে করি সেগুলির মধ্যে একটি ছোট উপাদানকে সরল পাঠ্য অন্তর্ভুক্ত করা অন্তর্ভুক্ত ...
label.innerHTML = "Hello World";
// as opposed to...
label.appendChild(document.createTextNode("Hello World"));
// example:
el.appendChild(function(){
let el = document.createElement("span");
el.className = "label";
el.innerHTML = label_text;
return el;
}());
... এবং একটি ধারক সাফ করা হচ্ছে ...
container.innerHTML = "";
// as opposed to... umm... okay, I guess I'm rolling my own
[...container.childNodes].forEach(function(child){
container.removeChild(child);
});
undefined behavior।
document.querySelector.applyগুরুতরভাবে?
আধুনিক ক্রোলাররা ডম -এ গতিশীলভাবে উত্পন্ন সামগ্রীকে বিশ্লেষণ করতে সক্ষম , তাই ব্যবহার document.title = ...করা পুরোপুরি ঠিক।
যে কোনও ক্রলারের পরিবর্তনটি লক্ষ্য করার জন্য আপনাকে নতুন পৃষ্ঠায় নতুন পৃষ্ঠাটি সরবরাহ করতে হবে। জাভাস্ক্রিপ্টের মাধ্যমে এটি করার ফলে কেবল একজন মানব পাঠকই লাভবান হবেন, ক্রোলাররা সেই কোডটি কার্যকর করবে না।
এটির এনপিএম সংস্করণটি যারা খুঁজছেন তাদের জন্য এটির জন্য একটি সম্পূর্ণ গ্রন্থাগার রয়েছে:
npm install --save react-document-metaimport React from 'react';
import DocumentMeta from 'react-document-meta';
class Example extends React.Component {
render() {
const meta = {
title: 'Some Meta Title',
description: 'I am a description, and I can create multiple tags',
canonical: 'http://example.com/path/to/page',
meta: {
charset: 'utf-8',
name: {
keywords: 'react,meta,document,html,tags'
}
}
};
return (
<div>
<DocumentMeta {...meta} />
<h1>Hello World!</h1>
</div>
);
}
}
React.render(<Example />, document.getElementById('root'));হতে পারে আপনি আপনার শিরোনামে সমস্ত ট্যাব শিরোনামকে এক স্ট্রিংয়ে লোড করতে পারেন এবং তারপরে আপনি একবার কোনও ট্যাব লোড করলে জাভাস্ক্রিপ্টের মাধ্যমে শিরোনাম পরিবর্তন হবে
উদাহরণস্বরূপ: প্রথমে আপনার শিরোনামটি সেট করুন
my app | description | contact | about us | একবার আপনি চালিত ট্যাবগুলির একটি লোড করুন:
document.title = "my app | tab title";মাথায় আসার একটি উপায় যা এসইওর সাথে সহায়তা করতে পারে এবং এখনও আপনার ট্যাব পৃষ্ঠাগুলি থাকতে পারে সেগুলি হ'ল প্রতিটি ট্যাবের সাথে মিলিত নামযুক্ত অ্যাঙ্করগুলি ব্যবহার করা:
http://www.example.com/mypage#tab1, http://www.example.com/mypage#tab2, etc.
আপনার ব্রাউজারটি পৃষ্ঠাটি রেন্ডার করার সময় ইউআরএল পার্স করতে এবং প্রাথমিক পৃষ্ঠার শিরোনামটি সেট করতে সার্ভার সাইড প্রসেসিং থাকা দরকার। আমিও এগিয়ে গিয়ে সেই ট্যাবটিকে "সক্রিয়" করব। পৃষ্ঠাটি লোড হয়ে যাওয়ার পরে এবং একজন প্রকৃত ব্যবহারকারী ট্যাবগুলি স্যুইচ করার পরে আপনি document.titleঅন্য ব্যবহারকারীরা যেমন বলেছেন তেমন পরিবর্তন করতে জাভাস্ক্রিপ্ট ব্যবহার করবে ।
ব্যবহার document.title। এটি বেশিরভাগ জিনিসের জন্য কার্যকর হবে তবে এটি আপনার ওয়েবসাইটে এসইও ধ্বংস করবে।
উদাহরণ:
document.write("title - " + document.title + "<br>");
document.title = "New title here!";
// Notice: this will defeat purpose of SEO. Not useful for SEO-friendly sites.
document.write("title - " + document.title + "<br>");body {
font-family: Consolas, 'Courier New', monospace;
}<!DOCTYPE html>
<html>
<head><title>Old title</title></head>
<body><p>
Lorem ipsum dolor sit amet, at movet detraxit mediocritatem eam, nam iusto abhorreant ne. Ei pro debet adolescens voluptaria, eu minim scaevola conceptam vel. Vim ea torquatos constituto complectitur, usu eu civibus insolens eleifend. Ex ubique quaerendum his.
</p></body>
</html>আপনি জাভাস্ক্রিপ্ট ব্যবহার করতে পারেন। গুগল সহ কিছু বট এসইও-এর সুবিধার জন্য জাভাস্ক্রিপ্ট কার্যকর করবে (এসইআরপিতে সঠিক শিরোনাম দেখিয়ে)।
document.title = "Google will run this JS and show the title in the search results!";তবে এটি আরও জটিল কারণ আপনি পৃষ্ঠাটি রিফ্রেশ না করে বা URL পরিবর্তন না করে ট্যাবগুলি দেখিয়ে এবং আড়াল করছেন। অন্যদের দ্বারা বর্ণিত হিসাবে অ্যাঙ্কর যুক্ত করা সহায়তা করবে। আমার উত্তর প্রত্যাহার করার দরকার হতে পারে।
নিবন্ধগুলি ইতিবাচক ফলাফল দেখায়: http://www.aukseo.co.uk/use-javascript-to-generate-seo-friendly-title-tags-1275/ http://www.ifinity.com.au/2012/10 / 04 / Changing_a_Page_Title_with_Javascript_to_update_a_Google_SERP_Entry
সবসময় ধরে নিবেন না যে একটি বট জাভাস্ক্রিপ্ট কার্যকর করবে না। http://searchengineland.com/tested-googlebot-crawls-javascript-heres-learned-220157 গুগল এবং অন্যান্য অনুসন্ধান ইঞ্জিনগুলি জানেন যে সূচকের সেরা ফলাফলগুলি এমন ফলাফল যা আসল শেষ ব্যবহারকারীরা জাভাস্ক্রিপ্ট সহ তাদের ব্রাউজারে দেখতে পাবে।
যেহেতু অনুসন্ধান ইঞ্জিনগুলি বেশিরভাগ জাভাস্ক্রিপ্ট উপেক্ষা করে, তাই আপনাকে এটি তৈরি করতে হবে যাতে সার্চ ইঞ্জিনগুলি অ্যাজাক্স ব্যবহার না করে ট্যাবগুলি ব্যবহার করে ক্রল করতে পারে। প্রতিটি ট্যাবকে একটি href এর সাথে একটি লিঙ্ক তৈরি করুন যা নির্বাচিত ট্যাবটির সাথে পুরো পৃষ্ঠাটি লোড করে। তারপরে পৃষ্ঠাটিতে ট্যাগটিতে সেই শিরোনাম থাকতে পারে।
অনক্লিক ইভেন্ট হ্যান্ডলার এখনও অজাক্সের মাধ্যমে মানব দর্শকদের জন্য পৃষ্ঠাগুলি লোড করতে পারে।
পৃষ্ঠাগুলি সর্বাধিক অনুসন্ধান ইঞ্জিনগুলি সেগুলি দেখতে দেখতে আপনার ব্রাউজারে জাভাস্ক্রিপ্টটি বন্ধ করুন এবং এটি করার চেষ্টা করুন যাতে ট্যাবগুলি ক্লিক করা সেই পৃষ্ঠাটি নির্বাচিত ট্যাব এবং সঠিক শিরোনাম সহ পৃষ্ঠাটি লোড করবে।
আপনি যদি অজ্যাক্সের মাধ্যমে লোড করছেন এবং আপনি কেবল জাভাস্ক্রিপ্টের মাধ্যমে পৃষ্ঠার শিরোনামটি পরিবর্তনশীল করতে চান তবে তা করুন:
document.title = 'Put the new title here';তবে অনুসন্ধান ইঞ্জিনগুলি জাভাস্ক্রিপ্টে তৈরি এই পরিবর্তনটি দেখতে পাবে না।
আমি এখানে কিছু যুক্ত করতে চাই: জাভাস্ক্রিপ্টের মাধ্যমে শিরোনাম পরিবর্তন করা যদি আপনি এজেএক্সের মাধ্যমে একটি ডেটাবেস আপডেট করে থাকেন তবে দরকারী তবে পৃষ্ঠাটি রিফ্রেশ না করে শিরোনাম পরিবর্তিত হবে। শিরোনামটি আসলে আপনার সার্ভারের পাশের স্ক্রিপ্টিং ভাষার মাধ্যমে পরিবর্তিত হয় তবে জাভাস্ক্রিপ্টের মাধ্যমে এটি পরিবর্তন হওয়া কেবল একটি ব্যবহারযোগ্যতা এবং ইউআই জিনিস যা ব্যবহারকারীর অভিজ্ঞতা আরও উপভোগ্য এবং তরল করে তোলে।
এখন, আপনি যদি জাভাস্ক্রিপ্টের মাধ্যমে শিরোনামটি কেবল নরকের জন্য পরিবর্তন করেন তবে আপনার এটি করা উচিত হবে না।
গুগল উল্লেখ করেছে যে সমস্ত জেএস ফাইল রেন্ডার্ড হয়েছে তবে বাস্তবে, আমি আমার শিরোনাম এবং অন্য একটি মেটা ট্যাগ হারিয়েছি যা এই ওয়েবসাইটটিতে রিঅ্যাকটজ দ্বারা সরবরাহ করা হয়েছিল এবং গুগলে আসলে আমার অবস্থান হারিয়েছে! আমি অনেকগুলি অনুসন্ধান করেছি তবে মনে হয় যে সমস্ত পৃষ্ঠাগুলিতে অবশ্যই এসইআর-বান্ধব প্রোটোকল থাকতে এসএসআর (সার্ভার সাইড রেন্ডারিং) ব্যবহার করতে হবে!
এটি সংক্রমণের জন্য রিঅ্যাক্টজ, অ্যাংুলারজ ইত্যাদিতে প্রসারিত হয়,
সংক্ষিপ্তর জন্য, ব্রাউজারে পৃষ্ঠা পৃষ্ঠা দেখার প্রতিটি পৃষ্ঠাগুলি সমস্ত রোবট দ্বারা সূচিযুক্ত করা হয়, যদি এটি সম্ভবত গুগলকে সূচক করতে না পারে তবে অন্যরা সূচকগুলি এড়িয়ে যায়!
সবচেয়ে সহজ উপায় হ'ল <title>index.html থেকে ট্যাগ মুছে ফেলা এবং অন্তর্ভুক্ত করা
<head>
<title> Website - The page </title></head>ওয়েবে প্রতিটি পৃষ্ঠায়। মাকড়সা এটি পাবেন এবং অনুসন্ধান ফলাফলগুলিতে দেখানো হবে :)