آشنایی با لینک و بهترین روش‌های لینک سازی

آشنایی با لینک و اهمیت لینک سازی
آشنایی با لینک و اهمیت لینک سازی

لینک چیست؟ لینک سازی برای وب سایت چه اهمیتی دارد؟ با چه روش‌هایی می‌توانیم در HTML لینک سازی کنیم؟ لینک سازی در سئو وب سایت ما نتیجه مثبتی دارد؟ بهترین روش لینک سازی چیست؟‌ آیا مدل‌های مختلفی از لینک‌ها وجود دارد؟ پیوند چیست؟ برای دریافت پاسخ این سوالات و همچنین آشنایی اولیه با روش‌های لینک سازی این مقاله را دنبال کنید. در این مقاله قصد داریم به صورت کامل با لینک آشنا شویم و روش های لینک‌سازی را مورد بررسی قرار دهیم.

پادکست این مقاله:

لینک چیست

بگذارید مقاله را با یک داستان کوچک شروع کنم. در زندگی روزمره ما برای تهیه یک نوشیدنی شیر موز ?? (دقیقا به این صورت ?) ابتدا از خانه خارج می‌شویم و باید از دوتا مغازه یکی هایپرمارکت و یکی میوه‌فروشی خرید کنیم.

پس داستان ما به دو قسمت تبدیل می‌شود، قسمت اول زمانی که برای خرید شیر وارد هایپر‌مارکت می‌شویم و قسمت دوم زمانی که برای خرید موز به میوه فروشی می‌رویم.

قسمت اول : هایپرمارکت (سناریو قفسه لبنیات)

برای خرید شیر ? وارد هایپرمارکت می‌شویم و از یک کارمند هایپرمارکت در مورد جایگاه قرارگیری شیر می‌پرسیم و او به قفسه‌ای که برچسب لبنیات دارد، اشاره می‌کند.

در قفسه لبنیات، شیر را بر می‌داریم، دوباره از کارمند هایپرمارکت در مورد پرداخت هزینه شیر سوال می‌پرسیم و او به صندوق اشاره می‌کند، به صندوق مراجعه می‌کنیم و پرداخت را انجام می‌دهیم.

لینک چیست

قسمت دوم : میوه فروشی (سناریو آدرس میوه فروشی)

حال شیر را از هایپرمارکت خریداری کرده‌ایم و حالا زمان خرید موز ? است. هنگام خروج از هایپرمارکت از فردی که جلوی در ایستاده است آدرس میوه فروشی را می‌پرسیم و او به مغازه رو به رو هایپرمارکت اشاره می‌کند و موزِ شیر موز ما هم خریداری میشه و میریم خونه تا یک نوشیدنی پرووووووووو داشته باشیم. در ادامه با تعریف معنی لینک یا پیوند چیست به صورت کامل آشنا میشیم.

اصل ماجرای لینک سازی

سناریو داستانی‌ای که نوشتم تماماً برای آشنایی شما با لینک‌سازی بود. معنای لینک یعنی چی ؟ به طور کلی به ایجاد بستری برای ارجاع کاربران از صفحه‌ای به صفحه‌ای دیگر لینک سازی گویند یا به تعریف W3Schools به بخشی از سند که وقتی روی آن‌ بخش نگاه می‌داریم علامت موس به علامت دستی کوچک تبدیل می‌شود و با کلیک بر روی آن به سندی دیگر منتقل می‌شویم لینک می‌گویند. که در سناریو داستانی‌ ما پرسش و پاسخ و ارجاع ما به پاسخ‌ها نشان دهنده‌ی این تعریف بود.

در قسمت اول سناریو که قفسه لبنیات مطرح شد، با پرسش ما از کارمند او به یک برچسب داخل فروشگاه اشاره کرد، در دنیای وب به ارجاع دادن کاربران از یک صفحه به یک صفحه داخلی دیگر لینک سازی داخلی می‌گوییم.

در قسمت دوم سناریو هم که از فردی در رابطه با میوه فروشی پرسیدیم و او به مغازه رو به رو اشاره کرد، یک لینک سازی خارجی اتفاق افتاد که شما را از هایپرمارکت به مغازه‌ای خارج از این هایپرمارکت انتقال می‌داد.

پس به طور کلی به ارجاع دادن کاربران از یک صفحه به صفحه‌ای خارج از وب سایتمان لینک سازی خارجی می‌گوییم.

روش‌های لینک سازی در HTML

در HTML روش‌های مختلفی برای لینک سازی وجود دارد که در این مقاله قصد داریم تا با آن‌ها آشنا شویم.

پرکاربرد ترین روش : استفاده از تگ a

تگ a با استفاده از عنصر href یکی از بهترین و پرکاربردترین روش‌ها برای لینک سازی در HTML می‌باشد. (البته از حق هم نگذریم که تنها راه مورد قبول HTML5 برای لینک سازی همین استفاده از تگ a با عنصر href است.)

<a href=”https://mizfa.com”> Title link </a>

لینک سازی با تگ a در اچ تی ام ال

در کد بالا با قرار دادن آدرس صفحه مورد نظر در عنصر href شما می‌توانید برای یک متن یا تصویر لینک سازی کنید.

البته عناصر دیگری نیز در تگ a وجود دارند که باعث می‌شوند لینک ما معنا و مفهوم بهتری داشته باشد و در سئو تاثیر‌گذاری مثبتی داشته باشد.

در رابطه با این عناصر و به طور کلی این تگ می‌توانید مقاله آموزشی مربوط به تگ a‌ در HTML را مطالعه نمایید.

اگر بخشی از مثال های موجود در آموزش رایگان HTML را متوجه نشدید، حتما در بخش نظرات بهمون بگید تا بیشتر راهنماییتون کنیم.

استفاده از جاوا اسکریپت در لینک سازی

درصورتی که از تگ‌هایی مثل button یا استایل‌هایی که خاصیت button‌ را به کدهای شما اضافه می‌کند، استفاده می‌کنید.

ممکن است تگ a برای لینک گذاری عمل نکند و در لینک سازی به مشکل بخورید. در چنین مواقعی جاوا اسکریپت به کمک شما می‌آید.

<button id="mizfa" > Title Link</button>

<script type="text/javascript">
    document.getElementById("mizfa").onclick = function () {
        location.href = "https://mizfa.com";
    };
</script>

لینک سازی با جاوا اسکریپت در اچ تی ام ال

در کد بالا در جایی که آدرس وب سایتمون رو نوشتیم ( https://mizfa.com ) و با دابل کوتیشن مشخص کردم شما می‌توانید با جایگزینی لینک خود، عمل لینک گذاری را انجام دهید.

<button onclick="window.location.href='https://mizfa.com'">Click me</button>

لینک سازی با جاوا اسکریپت در اچ تی ام ال

نحوه کد نویسی متد onclick در جاوا اسکریپت مدل های مختلفی دارد که می‌توانید در مباحث آموزشی جاوا اسکریپت میزفا در این رابطه بیشتر بخوانید.

پایانترم

[box type=”info” class=”question-from-users” width=””]

سوال:

فرق بین تگ a و تگ link چیه؟

به ایمیل کسانی که پاسخ درست و کامل رو در نظرات بگن ۱۰ هزارتومان در پنل کاربری آکادمی میزفا حسابشون شارژ میشه. (البته باید در آکادمی میزفا ثبت‌نام کنید تا بتونید از این امتیاز استفاده کنید.)

[/box]

نتیجه‌گیری

با شیر موز ، ببخشید با لینک سازی شروع کردیم و با روش‌های لینک سازی در HTML آشنا شدیم.

اگر در مورد لینک‌ها و لینک سازی اطلاعات بیشتری لازم داشتید می‌توانید از بخش برچسب‌ها با انتخاب یکی از برچسب‌های موجود، به مقالات بیشتری دسترسی پیدا کنید. حال شاید بگویید بک لینک چیست؟ بک لینک هم یک نوع لینک است ولی اصولا به لینک هایی گفته می‌شود که خارج از سایت من است. اگر بگوییم سایت x من ۱۰۰ بک لینک دارد یعنی ۱۰۰ لینک در داخل سایت‌های دیگر برای سایت من ساخته شده است.

اگر شما هم روش دیگری جز روش‌های بیان شده بلدید، برامون کامنت بزارید تا با بقیه به اشتراک بزاریم.

و اگر مقاله براتون مفید بود و لینک سازی‌ها رو کامل یاد گرفتید، با نوشیدن یک لیوان شیر موز از خودتون پذیرایی کنید.

تا مقاله‌ی بعد، شاد باشید…

 

فیلم آموزشی asp.net core 2

علی اسماعیلی
درباره خودم گفتن یا نوشتن کار آسونی نیست. باید تو کم‌ترین حجم مهم‌ترین اطلاعات رو بنویسی. وقتی که اولین بار دستم به کیبورد خورد، ۶ سالم بود. حس جالبی بود؛ زندگیم شده بود ۴ تا کلید WASD روی کیبورد کامپیوتر برای کنترل ماشین. از ۱۰ سالگی که مادرم با فوتوشاپ کار می‌کرد کنارش نشستم و یاد گرفتم. ۱۳ سالم بود که اولین وب‌سایتم رو با پی اچ پی نیوک ایجاد کردم. تا الان وب سایت‌های زیادی رو شروع کردم و شاید به خاطر اینکه هدف تجربه کردن رو داشتم شکست خوردند. موفق‌ترین پروژه شکست خوردم رو می‌تونم اوکسو معرفی کنم که شاید اسمش رو شنیده باشید. الانم دارم کار‌هایی رو شروع می‌کنم چون با خودم عهد کرده بودم که تا بیست سالگی جاهای مختلفی کار کنم و تجربه کنم و بعد از تجربیاتم استفاده کنم. بعد از رسیدن به بیست سالگی خوشحالم که یکی از تجربیات خوبم همکاری با میزفاست و دارم ادامش میدم…
سرفصل های آموزش HTML
پایین سرفصل های HTML هست، روی منم کلیک کنی میتونی ببینی.
فصل ۸ – کار با جدول در HTML

روی فصل بالا کلیک کنید.

ازمون HTML شرکت کن

روی لینک بالا کلیک کن

فیلم آموزشی asp.net core 2

14 نظر

14 پاسخ

  1. جواب سوال:
    تگ link برای مشخص کردن ارتباط بین سند فعلی با یه منبع دیگه که میتونه فایل کدهای css باشه ، به کار میره و به تنهایی و بدون تگ پایانی به کار برده میشه اما تگ a برای تعریف یک هایپرلینک جهت لینک شدن به یه صفحه یا هر جای دیگه به کار برده میشه و تگ پایانی هم داره

  2. اول سپاسگزارم بابت مقاله خوبتون 🙂
    دوم اینکه جواب سوال میشه اینکه از تگ a در body استفاده میکنیم اما از تگ link در head استفاده میشه. لذا تگ a کانتنت دارد.

  3. تگ لینک رو در head مینویسیم
    که بدرد ارتباط بین سند های css و همینطور ازش در گذاشتن آیکون در کنار تایتل سایت هم استفاده میشه
    ولی تگ a برای ساخت لینک های داخلی (internal links) یا خارجی (external links ) استفاده میشه!
    میزفا دمت گرم!!! میخوام طراح بشم!!?

    1. سلام فرهان. آفرین دقیقا. هرچند که هدیه اصلیت رو خودت با تلاش و کوششت بهت میدی ولی به زودی ما هم اکانت میزفا آکادمیت رو شارژ میکنیم که توی مسیری که قرار گرفتی، با انرژی بیشتری حرکت کنی.

  4. تگ link که در head نوشته میشود برای ارتباط سند هایی مثل cssو… استفاده میشود
    تگ a در body نوشته میشود و هم برای پیوند های خارجی و داخلی استفاده میشود

    1. سلام علی اکبر دقیقا درسته. آفرین. جایزه‌ات را به زودی میگیری. ماشالا این ۲۵ امین جواب درستته.

  5. پاسخ سوال :
    تگ link برای یه لینکی خارج از سایت یا صفحه مورنظر اشاره میکنه مثلا برای اطلاعات بیشتر به لینک … مراجعه کنید. ولی تگ a میتونه هم لینک داخلی هم خارجی باشه
    تفاوت دیگه : a در قسمت body نوشته میشه ولی تگ link در head میاد

    1. سلام محمد، متاسفانه جوابت برای بخش تگ link اشتباهه. لطفا بیشتر دقت کن.

  6. سلام سلام میزفای عزیززز
    و یه سلام و درود مخصوص به استادهای خوب میزفا مخصوصا استاد اسماعیلی عزیز
    از صبح امروز که بیکار بودم دارم تو سایت خوبتون میچرخم و یاد میگیرم و کیف میکنم با آموزشهای خوبتون
    واقعا خسته نباشید
    از همه بیشتر واقعا ممنونم که برای سوالاتم وقت میذارید و کامل و شفاف بهم پاسخ میدید
    واقعا ازتون سپاسگذارم
    الانم پیام دادم که سوالی که در پایان این بخش پرسیدید رو پاسخ بدم 😀
    فرق بین تگ Link و تگ a :
    تگ aدر قسمت body نوشته میشه در حالی که تگ link در قسمت head نوشته میشه
    تگ a هم میتونه لینک داخلی باشه هم خارجی ولی تگ کلا برای این استفاده میشه تا یه سورس از خارج رو به page الصاق کنه مثلا بگیم که از این فایل هم در صفحه استفاده کن و یه جورایی شبیه attach کردن یه فایل به ایمیل عمل میکنه مخصوصا برای این استفاده میشه که یه فایل css رو به page مورد نظرمون الصاق کنیم

    درست یاد گرفتم استاد؟! 🙂
    بازم تفاوت دارن یا کامل گفتم؟

    1. سلام مونای عزیز و ممنون از لطف بسیاری که به تیم میزفا و شخص من دارید.
      البته واژه استاد کمی برای من بزرگه و کاش مثل دوتا دوست که داریم به همدیگه کمک میکنیم برای پیشرفت به یکدیگر نگاه کنیم !!
      ممنون از توضیحات خوب و کاملتون امیدوارم که این مسیر را ادامه بدید و اگر سوالی داشتین باز هم بپرسین. اگر در میزفا آکادمی اکانت داشته باشین، هدیه میزفا به زودی به اکانتتون اضافه میشه.
      موفق باشید.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.

حداکثر حجم فایل برای آپلود: 1 مگابایت. فایل‌های مجاز برای آپلود: عکس, ویس, ویدیو, ورد یا پی دی اف, فایل متنی, زیپ. شما می‌تونید برای بهتر پرسیدن سوالتون، عکس یا ویس یا حتی فیلم در بخش نظرات میزفا آپلود کنید. برای ضبط ویس می‌تونید از خود واتس آپ استفاده کنید و بعد اینجا آپلود کنید و برای ارسال عکس هم کافی هست اسکرین شات بگیرید. Drop file here

با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
فیلم آموزشی asp.net core 2
ترک میزفا خوب نیست!
معرفی جامع‌ترین ابزار سئو در ایران
بالای ۱۰ هزار عضو
PHZpZGVvIHdpZHRoPSI2MDAiIGhlaWdodD0iMzUwIiBwb3N0ZXI9Imh0dHBzOi8vbWl6ZmEuY29tL2Jsb2cvd3AtY29udGVudC91cGxvYWRzLzIwMjMvMDUvcG9zdGVyLW1pemZhLXRvb2xzLXZpZGVvLW1pbi5wbmciIGNvbnRyb2xzIHByZWxvYWQ9Im5vbmUiPiANCiAgIDxzb3VyY2Ugc3JjPSJodHRwczovL21pemZhLmNvbS9ibG9nL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzA1L21pemZhX3Rvb2xzXzcyMHAubXA0IiB0eXBlPSJ2aWRlby9tcDQiPg0KPC92aWRlbz4=