برای اینکه اطلاعات درج شده در صفحات وب به خوبی درک شود ، توجه بازدید کننده را به خود جلب کرده و در آخر او را به انجام برخی اقدامات - خریدها ، سفارشات و غیره تشویق کنید ، روش های زیادی وجود دارد. هدف اکثر آنها ارائه سریع اطلاعات اضافی به بازدیدکننده سایت است ، همانطور که با یک کلیک می گویند. این اطلاعات را می توان از صفحه دیگری از همان سایت ، از یک منبع خارجی یا مستقیماً در همان صفحه با اصل "انگشت قرار دادن" بدست آورد. این امکان با استفاده از روشهای برنامه ای ، با استفاده از پیوندهای به اصطلاح "لنگر" و "غیر لنگر" تحقق می یابد.
پیوند لنگر چیست
پیوند لنگر برای سهولت در جستجوی اطلاعات در یک صفحه وب طراحی شده است. این عمل را می توان با مثال زیر نشان داد: در صفحه شما نوشته شده است که این محصول را می توان در فلان فروشگاه خریداری کرد ، اما آدرس خروجی خود در پایین صفحه نوشته شده است. یک بازدید کننده بی صبر ممکن است مایل به خواندن تمام اطلاعات نباشد ، اما بلافاصله آدرس فروشگاه را دریافت کنید. برای تحقق بخشیدن به خواسته وی ، کلمه "store" باید با استفاده از برچسب A به عنوان پیوند لنگر ساخته شود ، و "anchor" (لنگر) باید نزدیک آدرس در کد صفحه قرار گیرد.
این به این صورت اجرا می شود:
- در ویژگی های برچسب ، که حاوی آدرس فروشگاه است ، "name" آن را بنویسید: name = "address1".
- کلمه ای که قصد دارید بازدید کننده را از آن به آدرس بفرستید ، با آدرس خاصی به پیوند تبدیل می شود: href = "# address1".
البته ، کلمه "store" باید با استفاده از CSS - رنگ ، اندازه قلم یا نوع برجسته شود.
با کمک لینک های غیر لنگر می توانید یک پرش سریع به بالای صفحه را انجام دهید تا بازدید کننده را مجبور به استفاده از نوار پیمایش نکنید. اگر برچسب img را درون برچسب A قرار دهید ، می توان پیوند را نه تنها با متن ، بلکه با تصویر نیز ایجاد کرد.
بدون لنگر یا پیوند پیوندی
غالباً ، یک بازدید کننده سایت برای اطلاعات بیشتر باید به صفحه دیگری از سایت یا حتی به منبع شخص ثالث ارسال شود. مجبور کردن وی برای نوشتن یک خط کامل در نوار آدرس مرورگر با شروع با https:// به معنای قطع بازدید کننده است. بنابراین ، در متن صفحه ، کلمه ای انتخاب شده است که از نظر معنی برای شروع انتقال مناسب است. به عنوان مثال: "می توانید اطلاعات دقیق را در اینجا پیدا کنید". کلمه مناسب برای انتقال با استفاده از CSS پیوند ایجاد شده و برجسته می شود.
یک پیوند غیر لنگر با همان برچسب A پیاده سازی می شود ، اما آدرس href شامل یا پیوند کامل است که با https:// شروع می شود یا www.address نسبی (نام اختصاری) نام منبع.ru / نام پرونده.
هنگام تنظیم پیوندهای درون متن ، باید به ویژگی هدف برچسب توجه کنید. اگر آن را مشخص نکنید ، مرورگر پیش فرض صفحه بعدی را در همان پنجره باز می کند و بازدید کننده سایت برای شما گم می شود. بنابراین ، همیشه هدف از پیوند را مشخص کنید - در این حالت ، بازدید کننده فقط یک برگه باز دیگر در مرورگر اضافه می کند ، و او همیشه می تواند "با یک کلیک" به شما برگردد.