כדי להפוך את המידע המתפרסם בדפי ה- WEB לתפוס היטב, למשוך את תשומת לבו של המבקר, ובסופו של דבר לעודד אותו לנקוט בפעולות מסוימות - רכישות, הזמנות וכן הלאה, ישנן טכניקות רבות. רובם נועדו לספק למבקר האתר מידע נוסף במהירות, כמו שאומרים בלחיצה אחת. מידע זה ניתן לקבל מדף אחר של אותו אתר, ממשאב חיצוני או ישירות על אותו דף על העיקרון של "להצביע על האצבע". אפשרות זו מתממשת בשיטות פרוגרמטיות, תוך שימוש בקישורים "עוגן" ו"לא עוגן ".
מהו קישור עוגן
קישור העוגן נועד להקל על חיפוש המידע בדף WEB אחד. ניתן להמחיש פעולה זו באמצעות הדוגמה הבאה: בדף שלך כתוב שאת המוצר הזה ניתן לקנות בחנות כזו ואחרת, אך כתובת השקע עצמה נכתבת בתחתית העמוד. מבקר חסר סבלנות אולי לא ירצה לקרוא את כל המידע, אלא לקבל את כתובת החנות מיד. כדי לממש את רצונו, יש ליצור את המילה "חנות" באמצעות התג A כקישור עוגן, ויש להציב "עוגן" (עוגן) ליד הכתובת בקוד העמוד.
זה מיושם כך:
- בתכונות התג, המכיל את כתובת החנות, כתוב את "שם" שלה: שם = "כתובת 1".
- המילה ממנה אתה מתכוון לשלוח את המבקר לכתובת הופכת לקישור עם כתובת מיוחדת: href = "# address1".
כמובן שיש להדגיש את המילה "חנות" באמצעות CSS - צבע, גודל גופן או סוג.
בעזרת קישורים שאינם עוגנים תוכלו ליישם קפיצה מהירה לראש הדף כדי לא להכריח את המבקר להשתמש בסרגל הגלילה. ניתן ליצור קישור לא רק עם טקסט, אלא גם עם תמונה, אם אתה מצרף את תג img בתוך תג A
ללא עוגן או היפר-קישור
לעיתים קרובות, מבקר האתר צריך להישלח לדף אחר באתר או אפילו למשאב צד שלישי לקבלת מידע נוסף. לאלץ אותו להקליד שורה מלאה בשורת הכתובת של הדפדפן החל מ- https:// פירושו בטוח לאבד את המבקר. לכן, בטקסט העמוד נבחרת מילה שמתאימה למשמעותה להתחיל את המעבר. לדוגמא: "תוכלו למצוא מידע מפורט כאן". המילה המתאימה למעבר הופכת לקישור ומודגשת באמצעות CSS.
קישור שאינו עוגן מיושם עם אותו תג A, אך כתובת ה- href מכילה את הכתובת המלאה המתחילה ב- https:// או את כתובת האתר היחסית (בקיצור) של resource.ru / שם הקובץ.
כשאתם מסדרים היפר-קישורים בתוך הטקסט, כדאי לשים לב לתכונת היעד של התג. אם לא תציין זאת, דפדפן ברירת המחדל יפתח את הדף הבא באותו חלון ומבקר האתר יאבד עבורך. לכן ציינו תמיד את מטרת הקישור - במקרה זה המבקר יוסיף רק כרטיסייה אחת נוספת בדפדפן, והוא תמיד יכול לחזור אליכם "בלחיצה אחת".