๐Ÿ”— Anchor Link Kya Hoti Hai? – Detailed Explanation in Hindi

 

๐Ÿ”— Anchor Link Kya Hoti Hai? – Detailed Explanation in Hindi


๐Ÿ“˜ Definition:

Anchor Link (jise "jump link" bhi kehte hain) ek aisa hyperlink hota hai jo ek hi page ke andar kisi specific section par le jaata hai.

Matlab:

  • Aap ek page ke upar ho

  • Aap anchor link par click karte ho

  • Browser automatically page ke neeche ya kisi specific jagah scroll karke le jata hai

Yeh users ke liye fast navigation aur better user experience provide karta hai, especially jab page lamba ho.


๐Ÿงพ Basic HTML Syntax of Anchor Link

  1. Target Section Banate Hain (Using ID):

<h2 id="contact">Contact Us</h2>
  1. Anchor Link Banate Hain:

<a href="#contact">Go to Contact Section</a>
  • #contact matlab page ke us section par jump karna jiska ID = "contact" hai.


๐Ÿงฉ Anchor Link Example in Real Life

๐Ÿ“ Example Page: about.html

<a href="#mission">Our Mission</a>
<a href="#team">Our Team</a>

<h2 id="mission">Our Mission</h2>
<p>Yahan mission ka content hoga...</p>

<h2 id="team">Our Team</h2>
<p>Yahan team members ka content hoga...</p>
  • Jab user Our Mission link par click karega, page directly mission wale section par scroll karega.


๐Ÿš€ Anchor Link ke Fayde (Benefits):

Fayda Explanation
⏱️ Fast Navigation User turant desired section par pahuchta hai
๐Ÿ“ฑ Mobile Friendly Mobile users ke liye scroll kaam hota hai
✅ SEO Friendly Google anchor links ko samajh sakta hai (table of contents me useful)
๐Ÿ“š TOC (Table of Contents) Blog posts me headings par anchor link laga kar index create kar sakte hain

๐Ÿ” SEO Perspective se Anchor Links

  • Google anchor links ko crawl karta hai

  • Agar aap external pages ke anchor par link karte ho, to Google us section ko bhi samajh sakta hai

Example (External Anchor Link):

<a href="https://example.com/about#team">Meet Our Team</a>

Yahaan:

  • about = external page

  • #team = specific section of that page


๐Ÿ›  WordPress me Anchor Links Kaise Banayein?

  1. Heading block select karein

  2. Advanced → HTML Anchor me ID daalein (e.g., team)

  3. Link banate waqt:

    <a href="#team">Team Section</a>
    

❗Important Tips:

  • ID unique honi chahiye (2 IDs same na ho)

  • Avoid spaces in ID: id="our-team" is better than id="our team"

  • Anchor links sirf same page ya external page ke sections ke liye kaam karte hain


✅ Summary Table:

Feature Description
Kya hai Page ke andar kisi specific section ka link
Syntax <a href="#section-id">Text</a>
Required Target element me id attribute
Use TOC, long articles, documentation
SEO Impact Positive for UX; Google anchor samajhta hai


Comments

Popular posts from this blog

What is digital Marketing

On-Page SEO Kya Hai? – เคชूเคฐी เคœाเคจเค•ाเคฐी ๐Ÿš€

What is SEO (Search Engine Optimization)?