๐ 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
-
Target Section Banate Hain (Using ID):
<h2 id="contact">Contact Us</h2>
-
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?
-
Heading block select karein
-
Advanced → HTML Anchor me ID daalein (e.g.,
team
) -
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 thanid="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
Post a Comment