वेब पेज के शीर्षक को गतिशील रूप से कैसे बदलें?

Question

मेरे पास एक वेबपृष्ठ है जो विभिन्न सामग्रियों को दिखाने वाले प्रत्येक टैब का एक सेट लागू करता है। टैब क्लिक पेज को ताज़ा नहीं करते हैं लेकिन क्लाइंट साइड पर सामग्री को छिपाते हैं।

अब पृष्ठ पर चुने गए टैब (एसईओ कारणों के लिए) के अनुसार पृष्ठ का शीर्षक बदलने की आवश्यकता है। क्या यह संभव है? क्या कोई पृष्ठ को पुनः लोड किए बिना जावास्क्रिप्ट के माध्यम से पृष्ठ शीर्षक को गतिशील रूप से बदलने के लिए कोई सुझाव दे सकता है?

Answer 1

अपडेट : SearchEngineLand पर टिप्पणियों और संदर्भ के अनुसार अधिकांश वेब क्रॉलर अपडेट किए गए शीर्षक को अनुक्रमित करेंगे। नीचे उत्तर अप्रचलित है, लेकिन कोड अभी भी लागू है।

आप बस कुछ ऐसा कर सकते हैं document.title = "This is the new page title.";, लेकिन यह पूरी तरह से एसईओ के उद्देश्य को हरा देगा। अधिकांश क्रॉलर पहली जगह में जावास्क्रिप्ट का समर्थन नहीं करने जा रहे हैं, इसलिए वे पृष्ठ शीर्षक के रूप में तत्व में जो कुछ भी है उसे ले लेंगे।

यदि आप चाहते हैं कि यह अधिकांश महत्वपूर्ण क्रॉलर के अनुकूल हो, तो आपको वास्तव में शीर्षक टैग को स्वयं बदलने की आवश्यकता होगी, जिसमें पृष्ठ (PHP, या पसंद) को पुनः लोड करना शामिल होगा। यदि आप पृष्ठ शीर्षक को इस तरह से बदलना चाहते हैं, जिसे क्रॉलर देख सकता है, तो आप उसके आस-पास नहीं जा पाएंगे।

Comments

यदि आप अपने पृष्ठ को पहले से ही अपडेट करते समय एचटीएमएल 5 के पुशस्टेट का उपयोग कर रहे हैं, तो शीर्षक को अपडेट करने के लिए क्यों नहीं। यदि ठीक से क्रॉलर स्थापित किए जाते हैं, तब भी सही परिणाम मिलेंगे और आप अभी भी उपयोगकर्ता को उस दृश्य से मेल खाते हुए शीर्षक को देखना चाहेंगे। अधिकांश वेब-ऐप्स आदि के लिए यह उपयोग करने के लिए एक अच्छा sollution की तरह लगता है। मैं हालांकि एक अलग समारोह की अनदेखी कर सकता है?

— मैथिज्स सीजर

यह बिल्कुल सच नहीं है। Google ने दस्तावेज़ जावास्क्रिप्ट में सूचकांक जावास्क्रिप्ट परिवर्तन किया है। देखें searchengineland.com/...

— CpnCrunch

@CpnCrunch सही है! Google उस शीर्षक को अनुक्रमणित करेगा जिसे जावास्क्रिप्ट द्वारा परिवर्तित किया गया था। मैंने अन्य खोज बॉट्स पर परीक्षण नहीं किया है। हमेशा यह मत मानिए कि कोई बोट जावास्क्रिप्ट निष्पादित नहीं करता है। मैंने नीचे एक नया उत्तर बनाया, और फिर महसूस किया कि URL को बदले बिना टैब दिखाना और छिपाना इसे और अधिक जटिल बनाता है।

— यज़्ज़र

@CpnCrunch सही है। यह 2016 है। एसईओ बहुत बदल गया है और Google और अन्य खोज इंजन सामान्य रूप से एकल पृष्ठ एप्लिकेशन और जावास्क्रिप्ट के लिए अनुकूल हैं।

— पिलाऊ

तो इसका मतलब है कि यह जवाब काफी पुराना है। StackOverflow को अब जवाब के लिए "अप्रचलित" सुविधा को जोड़ना चाहिए: D

— एलन लिनाटॉक

Answer 2

मैं भविष्य से नमस्ते कहना चाहता हूं :) हाल ही में हुई चीजें:

1. Google अब जावास्क्रिप्ट चलाता है जो आपकी वेबसाइट ^{1 पर है}
2. लोग अब पृष्ठ पर जटिल जावास्क्रिप्ट कार्यों को चलाने के लिए React.js, Ember और Angular जैसी चीजों का उपयोग करते हैं और यह अभी भी Google द्वारा अनुक्रमित हो रहा है ¹
3. आप HTML5 इतिहास एपीआई (पुशस्टेट, प्रतिक्रिया-राउटर, एम्बर, कोणीय) का उपयोग कर सकते हैं, जो आपको उन चीजों को करने की अनुमति देता है, जिन्हें आप खोलना चाहते हैं और प्रत्येक Google के लिए अलग-अलग url होंगे जो Google को अनुक्रमित करेगा ¹

इसलिए अपने प्रश्न का उत्तर देने के लिए आप जावास्क्रिप्ट से शीर्षक और अन्य मेटा टैग को सुरक्षित रूप से बदल सकते हैं ( यदि आप गैर-Google खोज इंजनों का समर्थन करना चाहते हैं तो https://prerender.io जैसा कुछ भी जोड़ सकते हैं ), बस उन्हें अलग-अलग यूआरएल के रूप में सुलभ बनाएं ( अन्यथा Google को कैसे पता चलेगा कि वे खोज परिणामों में दिखाने के लिए अलग-अलग पृष्ठ हैं?)। एसईओ से संबंधित टैग बदलना (उपयोगकर्ता द्वारा किसी चीज़ पर क्लिक करने के बाद पृष्ठ को बदलना) सरल है:

if (document.title != newTitle) {
    document.title = newTitle;
}
$('meta[name="description"]').attr("content", newDescription);

बस सुनिश्चित करें कि css और javascript robots.txt में ब्लॉक नहीं की गई है, आप Google के रूप में Fetch का उपयोग कर सकते हैं Google Webmaster Tools में Google सेवा के ।

1: http://searchengineland.com/tested-googlebot-crawls-javascript-heres-learns-2-257

Answer 3

मैं यह नहीं देख सकता कि जावास्क्रिप्ट के माध्यम से पेज का शीर्षक कैसे बदलना एसईओ में मदद करेगा। अधिकांश (या सभी) खोज बॉट जावास्क्रिप्ट को नहीं चलाते हैं और केवल शुरुआती लोड शीर्षक को ही पढ़ेंगे जो मार्क-अप है।

यदि आप SEO की मदद करना चाहते हैं, तो आपको पृष्ठ के शीर्षक को बैक-एंड में बदलना होगा और पृष्ठ के विभिन्न संस्करणों की सेवा करनी होगी।

Comments

सहमत - यह सब एसईओ की मदद नहीं करेगा, क्योंकि क्रॉलर आपके जेएस के साथ कुछ भी नहीं करेंगे

— annakata

हो सकता है कि वे सिर्फ एक शीर्षक चाहते हैं, लेकिन एसई पर सभी सामग्री, लेकिन पेज पर एक बार डेटा के अधिक अनुकूल संगठन होने पर?

— केव

अच्छी तरह से तब वे बहुत सारी एसईओ की अवधारणा के खिलाफ जा रहे हैं

— annakata

हाँ, एसईओ के लिए वास्तव में अच्छा नहीं है लेकिन बुकमार्क करते समय अंतिम उपयोगकर्ता के लिए अच्छा है, उदाहरण के लिए पृष्ठ शीर्षक को अपडेट करने के लिए जब URL में हैश बदलता है, या HTML5 / JS का उपयोग करते समय window.historyपृष्ठ शीर्षक के साथ-साथ URL को अपडेट करने के लिए अच्छा है

— acSlater

रेंगते हुए जावास्क्रिप्ट एप्लिकेशन डेवलपर्स

— http://www.webmasters/ajax-crawling

Answer 4

उपयोग document.title ।

देखें इस पेज के साथ-साथ एक अल्पविकसित ट्यूटोरियल के लिए।

Comments

लिंक से प्यार है, इसे नेटस्केप नेविगेटर स्क्रीनशॉट मिला है :)

— अरन मुल्होलैंड

मुझे उम्मीद है कि मकड़ियों जावास्क्रिप्ट का उपयोग नहीं करेंगे। Google malicious code भेजने का अच्छा तरीका?

— ली लोविएरे

@ AdrianoVaroliPiazza यह बेकार हो सकता है, लेकिन यह काम करता है और खोज इंजन से आने वाले लोगों की मदद करेगा। अगर यह सही उत्तर है, तो इसे डाउनवोट करने की आवश्यकता नहीं है!

— its_notjack

@its_notjack यह नहीं है। यह किसी अन्य प्रश्न का सही उत्तर हो सकता है।

— एड्रियानो वरोली पियाज़ा

खैर यह विषय मेरे लिए पहली बार आया जब मैंने Google में "जावास्क्रिप्ट परिवर्तन शीर्षक" टाइप किया। मैं एक वेब ऐप विकसित कर रहा हूं ताकि मुझे SEO की परवाह न हो।

— मैकीज क्रैसिक

Answer 5

कोड है
document.title = 'test'

Comments

मैं स्वयं विंडो के संदर्भ में top.document.title का उपयोग करता हूं (मेरे पास फ्रेमसेट हैं ...)

— Dr

@ AdrianoVaroliPiazza -1 जाने की आवश्यकता नहीं है, हालांकि, उन अनुप्रयोगों के बारे में जिन्हें एसईओ की आवश्यकता नहीं है या उन वेबसाइटों के बारे में जो वास्तव में कुछ एचटीएमएल 5 कार्यों का उपयोग करते हैं। मेरा मतलब है कि यदि आप अपनी वेबसाइट को ठीक से सेट करते हैं और अजाक्स का उपयोग करते हैं और गैर-जेएस / क्रॉलर्स के लिए कमबैक करते हैं, तो यह केवल उपयोगकर्ता के अनुभव को गति देगा और मिलान शीर्षक को भी दिखाई देगा। मुझे एक अच्छा विचार लगता है।

— मैथिज्स सीजर

क्या आपको ;अंत में एक जोड़ने की आवश्यकता नहीं है ?

— MineCMD

@MineCMD, एक अर्धविराम (;) केवल तभी आवश्यक है जब आपके पास एक पंक्ति में कई कमांड हों। यह मानते हुए कि आपके पास कमांड को खोलने के लिए कुछ नहीं है (एक डॉट, उद्धरण, डबल उद्धरण, बाएं ब्रेस, आदि) तब एक नई पंक्ति को कमांड का अंत माना जाता है। मुझे यकीन नहीं है कि यह पुराने ब्राउज़रों के मामले में कितना सही है, लेकिन यह क्रोम और फ़ायरफ़ॉक्स दोनों के हाल के संस्करणों में सही साबित हुआ है। (मैं IE या एज का उपयोग नहीं करता हूं इसलिए उन पर कहने में असमर्थ हूं)

— वेन

@Wayne कुछ हद तक सही; कुछ किनारे मामले हैं जहां एएसआई अप्रत्याशित (अधिकतर) व्यवहार की ओर जाता है, खासकर यदि आप एक अनाम वस्तु वापस कर रहे हैं।

— डेव न्यूटन

Answer 6

कई तरीके हैं जिनसे आप शीर्षक को बदल सकते हैं, मुख्य दो, इस प्रकार हैं:

संदिग्ध विधि

HTML (जैसे <title>Hello</title>) में एक शीर्षक टैग लगाएं , फिर जावास्क्रिप्ट में:

let title_el = document.querySelector("title");

if(title_el)
    title_el.innerHTML = "World";

जाहिर है सही तरीका

सभी का सबसे सरल वास्तव में दस्तावेज़ ऑब्जेक्ट मॉडल (DOM) द्वारा प्रदान की गई विधि का उपयोग करना है

document.title = "Hello World";

---

पूर्व विधि आम तौर पर दस्तावेज़ के शरीर में पाए जाने वाले टैग को बदलने के लिए आप क्या करेंगे । मेटा-डेटा टैग को संशोधित करने के लिए इस पद्धति का उपयोग करना, जैसे कि सिर में पाए गए (जैसे title) सबसे अच्छी तरह से संदिग्ध व्यवहार है, मुहावरेदार नहीं है, शुरू करने के लिए बहुत अच्छी शैली नहीं है, और पोर्टेबल भी नहीं हो सकता है। हालाँकि, एक बात आप सुनिश्चित कर सकते हैं कि यह अन्य डेवलपर्स को परेशान करेगा यदि वे title.innerHTML = ...कोड में देखते हैं कि वे बनाए रख रहे हैं।

आप जिस चीज के साथ जाना चाहते हैं वह बाद की विधि है। यह प्रॉपर्टी DOM Specification में दी गई है रूप , जैसा कि नाम से पता चलता है, शीर्षक बदल रहा है।

यह भी ध्यान दें कि यदि आप XUL के साथ काम कर रहे हैं, तो आप यह जांचना चाहते हैं कि शीर्षक सेट करने या प्राप्त करने का प्रयास करने से पहले दस्तावेज़ लोड हो गया है, अन्यथा आप चालान कर रहे हैं undefined behavior (यहां ड्रेगन रहें), जो कि अपने आप में एक डरावना अवधारणा है। यह जावास्क्रिप्ट के माध्यम से हो सकता है या नहीं भी हो सकता है, क्योंकि डोम पर डॉक्स जावास्क्रिप्ट से संबंधित नहीं हैं। लेकिन XUL एक पूरी तरह से 'नोथर जानवर' है, इसलिए मैं पछतावा करता हूं।

की बात हो रही .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);
});

Comments

मुझे विधि 1 के साथ चेतावनी के लिए सही शब्द मिला undefined behavior:।

— ब्रैडेन बेस्ट

यह बिल्कुल नीचे की ओर होना चाहिए। विधि 1 अपरिभाषित व्यवहार है, जैसा कि ऊपर उल्लेख किया गया है (और कोई भी अस्वीकरण की राशि इसका उल्लेख करना उचित नहीं होगा); भी, document.querySelector.applyगंभीरता से?

— एंड्री टारनटोसोव

@AndreyTarantsov किसी भी राशि के अस्वीकरण का उल्लेख करना उचित नहीं होगा? इसका उल्लेख कैसे किया जाए ताकि लोगों को पता चले कि क्या नहीं करना है? हम अपनी गलतियों से सीखते हैं, इसलिए किसी को किसी ऐसी चीज का जिक्र न करना जो एक गलती है, बुरी सलाह है। इसके अलावा, यह वास्तव में पुराना उत्तर है (शाब्दिक रूप से इस साइट पर लिखे गए पहले उत्तरों में से एक), ताकि "गंभीरता से?" अनावश्यक था। आप संभवतः नहीं जान सकते कि पिछले तीन वर्षों में मेरे ज्ञान और अनुभव में क्या बदलाव आया है।

— ब्रैडेन बेस्ट

Answer 7

Document.title का उपयोग करना है कि आप इसे जावास्क्रिप्ट में कैसे पूरा करेंगे, लेकिन यह SEO के साथ कैसे माना जाता है? बॉट आमतौर पर जावास्क्रिप्ट कोड को निष्पादित नहीं करते हैं क्योंकि वे पृष्ठों के माध्यम से चलते हैं।

Answer 8

आधुनिक क्रॉलर डोम में गतिशील रूप से उत्पन्न सामग्री को पार्स करने में सक्षम हैं , इसलिए उपयोग document.title = ...करना पूरी तरह से ठीक है।

Answer 9

परिवर्तन को नोटिस करने के लिए आपको किसी भी क्रॉलर के लिए नए शीर्षक के साथ पृष्ठ को फिर से प्रस्तुत करना होगा। जावास्क्रिप्ट के माध्यम से ऐसा करने से केवल एक मानव पाठक को लाभ होगा, क्रॉलर उस कोड को निष्पादित नहीं करने वाले हैं।

Answer 10

इसका npm संस्करण देखने वालों के लिए, इसके लिए एक पूरी लाइब्रेरी है:

npm install --save react-document-meta

import 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'));

Answer 11

हो सकता है कि आप अपने शीर्षक पर सभी स्ट्रिंग शीर्षक को एक स्ट्रिंग में लोड कर सकते हैं, और फिर एक बार लोड करने के बाद एक शीर्षक को जावास्क्रिप्ट के माध्यम से बदल सकते हैं

ex: सबसे पहले अपना शीर्षक सेट करें

my app | description | contact | about us | 

एक बार जब आप एक टैब चलाते हैं:

document.title = "my app | tab title";

Answer 12

एक तरीका जो मन में आता है वह एसईओ के साथ मदद कर सकता है और अभी भी आपके टैब पृष्ठ हैं क्योंकि वे नामांकित एंकरों का उपयोग करेंगे जो प्रत्येक टैब के अनुरूप हैं:

http://www.example.com/mypage#tab1, http://www.example.com/mypage#tab2, etc.

आपको URL पार्स करने के लिए सर्वर साइड प्रोसेसिंग की आवश्यकता होगी और ब्राउज़र के पेज को प्रस्तुत करने पर प्रारंभिक पृष्ठ शीर्षक सेट करना होगा। मैं भी आगे बढ़ता और उस टैब को "सक्रिय" बनाता। एक बार जब पृष्ठ लोड हो जाता है और एक वास्तविक उपयोगकर्ता टैब स्विच कर रहा है तो आप जावास्क्रिप्ट को बदलने के लिए उपयोग करेंगेdocument.title जैसा कि अन्य उपयोगकर्ताओं ने कहा है।

Answer 13

उपयोग 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>

Answer 14

आप जावास्क्रिप्ट का उपयोग कर सकते हैं। Google सहित कुछ बॉट्स एसईओ के लाभ के लिए जावास्क्रिप्ट निष्पादित करेंगे (SERP में सही शीर्षक दिखाते हुए)।

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 Google और अन्य खोज इंजनों को पता है कि अनुक्रमणिका के लिए सर्वोत्तम परिणाम ऐसे परिणाम हैं जो वास्तविक अंत उपयोगकर्ता अपने ब्राउज़र में देखेंगे, जिसमें जावास्क्रिप्ट शामिल है।

Answer 15

चूंकि खोज इंजन सबसे अधिक जावास्क्रिप्ट को अनदेखा करते हैं, इसलिए आपको इसे बनाने की आवश्यकता होगी ताकि खोज इंजन Ajax का उपयोग किए बिना टैब का उपयोग करके क्रॉल कर सकें। प्रत्येक टैब को एक href के साथ लिंक बनाएं जो पूरे पृष्ठ को उस टैब के साथ लोड करता है जो चयनित है। तब पृष्ठ में टैग में वह शीर्षक हो सकता है।

ऑनक्लिक ईवेंट हैंडलर अभी भी मानव दर्शकों के लिए पेज को अजाक्स के माध्यम से लोड कर सकता है।

पृष्ठों को देखने के लिए जैसा कि अधिकांश खोज इंजन उन्हें देखते हैं, अपने ब्राउज़र में जावास्क्रिप्ट को बंद करें, और इसे बनाने की कोशिश करें ताकि टैब पर क्लिक करने से पृष्ठ उस चयनित टैब और सही शीर्षक के साथ लोड हो जाए।

यदि आप अजाक्स के माध्यम से लोड कर रहे हैं और आप केवल जावास्क्रिप्ट के साथ पृष्ठ शीर्षक को गतिशील रूप से बदलना चाहते हैं, तो करें:

document.title = 'Put the new title here';

हालांकि, खोज इंजन जावास्क्रिप्ट में किए गए इस बदलाव को नहीं देखेंगे।

Comments

"पृष्ठों को देखने के लिए जैसा कि Google उन्हें देखता है, अपने ब्राउज़र में जावास्क्रिप्ट को बंद करें, और इसे बनाने का प्रयास करें ताकि टैब पर क्लिक करने से पृष्ठ उस चयनित टैब और सही शीर्षक के साथ लोड हो जाए।" - एसईओ के अनुकूल AJAX- भारी वेबसाइटों को विकसित करते समय यह एक बहुत अच्छा तरीका है।

— जॉन विस्ज़

Answer 16

लेकिन SEO befits पाने के लिए

पेज बदलने पर आपको पेज रीलोड करने की जरूरत होती है ताकि सर्च इंजन के अलग-अलग टाइटल्स आदि को देखें।

इसलिए सुनिश्चित करें कि पहले पृष्ठ पुनः लोड करता है फिर दस्तावेज़ जोड़ें। परिवर्तन बदलें

Answer 17

मैं बस यहां कुछ जोड़ना चाहता हूं: यदि आप AJAX के माध्यम से डेटाबेस अपडेट कर रहे हैं, तो जावास्क्रिप्ट के माध्यम से शीर्षक बदलना वास्तव में उपयोगी है, इसलिए तब पृष्ठ को ताज़ा किए बिना शीर्षक बदल जाता है। शीर्षक वास्तव में आपके सर्वर साइड स्क्रिप्टिंग भाषा के माध्यम से बदलता है, लेकिन जावास्क्रिप्ट के माध्यम से इसे बदलना केवल एक प्रयोज्य और यूआई चीज है जो उपयोगकर्ता के अनुभव को अधिक सुखद और तरल बनाता है।

अब, यदि आप इसे केवल नरक के लिए जावास्क्रिप्ट के माध्यम से शीर्षक बदल रहे हैं, तो आपको ऐसा नहीं करना चाहिए।

Answer 18

Google ने उल्लेख किया है कि सभी js फाइलें प्रदान की गई हैं, लेकिन वास्तव में, मैंने अपना शीर्षक और एक अन्य मेटा टैग खो दिया है जो इस वेबसाइट पर Reactjs द्वारा प्रदान किया गया था और वास्तव में Google पर मेरी स्थिति खो गई है! मैंने बहुत खोज की है, लेकिन ऐसा लगता है कि सभी पृष्ठों को एसएसआर (सर्वर साइड रेंडरिंग) का प्री-रेंडर या उपयोग करना होगा, ताकि उनके एसईओ के अनुकूल प्रोटोकोल हो सके!
यह Reactjs, Angularjs, आदि के
लिए फैलता है। संक्षिप्त रूप से, ब्राउज़र पर पृष्ठ स्रोत देखने वाले प्रत्येक पृष्ठ को सभी रोबोट द्वारा अनुक्रमित किया जाता है, यदि यह संभवत: Google अनुक्रमणित नहीं कर सकता है, लेकिन अन्य अनुक्रमण छोड़ सकते हैं!

Answer 19

सबसे सरल तरीका है कि <title>index.html से टैग हटाएं , और शामिल करें

<head>
<title> Website - The page </title></head>

वेब में हर पेज में। मकड़ियों यह मिल जाएगा और खोज परिणामों में दिखाया जाएगा :)