מדריך אומברקו
חיפוש
חיפוש
Contact Img student with book

לינקים, קישורים ומה שביניהם

סתם, זה אותו דבר. אבל הנה כמה דוגמאות לסוגים של לינקים שאפשר ליצור באומברקו.

איך להוסיף לינק?

הוספת לינק יכולה להתבצע במקומות שונים באומברקו, בשדה טקסט עשיר (RTE):

או בשדה ייעודי להוספת לינק:

אלו משמשים להוספה או לעדכון של קישורים לדפים פנימיים באתר, דפים באתרים חיצוניים, קבצי מדיה (תמונה או מסמך PDF למשל), קישורי מייל וליצירת עוגנים.

תהליך הוספת היפר-קישור משתנה בהתאם לסוג ההיפר-קישור שברצונך ליצור.

  1. להוספת קישור בשדה לינק יש ללחוץ על Add.
    ליצירת היפר-קישור (HyperLink) יש לבחור את הטקסט שיקושר, כמו שעושים ב-Word: מסמנים עם העכבר את הטקסט הרלוונטי ולוחצים על אייקון הוספת הקישור.
  2. בשני המקרים, ייפתח חלון ייעודי המציג את מאפייני הקישור.
  3. בשדה הראשון Link יש להדביק את הלינק הרצוי, כלומר את כתובת העמוד או האתר החיצוני שאליו תרצו לקשר
  4. בשדה Link Title יש להזין את הטקסט שיוצג ככותרת הקישור. לתשומת ליבך: יש למלא שדה זה גם אם מדובר בהיפר לינק לטקסט, מידע זה חשוב לגולשים המשתמשים בעזרי נגישות לקריאת התוכן באתר.
  5. כיוון שמדובר בלינק לאתר חיצוני, יש לסמן את החלונית Target כדי שהלינק ייפתח בטאב נפרד בדפדפן והגולש לא ייצא לחלוטין מהאתר שלך.
  6. לסיום יש ללחוץ על הכפתור הירוק Submit ולהמשיך בעריכת העמוד. בתום העריכה כמובן יש לפרסם את השינויים Save and Publish.

מכל אחד מרכיבי התוכן שיש בו אפשרות להוספת לינקים, ניתן לקשר לעמוד ספציפי באומברקו.

הדרך הנכונה לעשות זאת, היא על-ידי בחירה של העמוד הרצוי מתוך האומברקו.

בלחיצה על הוספת לינק מכפתור add link או מהאייקון להוספת קישור ברכיבי טקסט, ייפתח חלון כזה:

הוספת לינק באומברקו

בשדה Link to page יש לחפש את הדף הרצוי לפי שם הדף, ואז לבחור אותו. הדף יסומן ב-V ויופיע בשדה link שלמעלה. 
בשדה Link Title יש להוסיף תיאור מילולי משמעותי, כמו "למידע על מלגות". לא תמיד התיאור הזה יופיע בפרונט, אך הוא חשוב לצורכי הנגשה ו-seo. 
אם נרצה שהעמוד ייפתח כלשונית חדשה, יש לסמן את התיבה תחת target. 

הוספת קישור לקובץ (למשל PDF ששמרנו בתיקיית המדיה), יש ללחוץ על הכפתור למטה Link to media ולבחור את פריט המדיה הרצוי.

לכל פריט מדיה - תמונה או קובץ, יש כתובת URL משלו.

הדרך הנכונה לקשר מתוך התוכן (מדור הcontent, הטקסט שאתם מזינים) למדיה, היא על-ידי הוספה באופן זה:

לחיצה על add link (או insert link בתוך מקטע טקסט עשיר RTE)

לחיצה על הכפתור האפור למטה select media

select media

ובחירת קובץ המדיה (תמונה או מסמך) הרלוונטיים.

לאחר שהקובץ נבחר, השדה Link והשדה Link Title יתמלאו באופן אוטומטי:

הלינק הישיר אל הקובץ יופיע בשדה Link שיהפוך לאפור - כלומר לא יאפשר עריכה ידנית. 

בנוסף, בשדה link title יופיע שם הקובץ. אם מדובר בהיפרלינק או כפתור באתר, חשוב לערוך את שדה link title כדי שיופיע בו תוכן הגיוני וברור לגולש. לדוגמה "לפתיחת הקובץ", "לעיון בשנתון", "לתוכנית המלאה (PDF)" וכדומה.

בנוסף, אם מדובר בקישור לקובץ דוגמת PDF חשוב לסמן את הריבוע תחת הכותרת Target כדי שהקובץ ייפתח בטאב נפרד בדפדפן, כמקובל באתרי אינטרנט.

לאחר בחירת הקובץ, יש ללחוץ על כפתור Select ובסיום כמובן ללחוץ על הכפתור הירוק לפרסום העדכון.

חשוב מאוד: לא כדאי להיכנס לפריט המדיה ולהעתיק את הקישור שמופיע ב"i"'. זהו קישור פנימי שלא ייפתח לגולשים שלנו. במידה ויש צורך לקשר לפריט המדיה מאתר חיצוני, ניתן להעתיק את הכתובת ולשנות את תחילתה לWWW.

וכאמור, אין להעתיק את כתובת ה-url (ה"לינק") שרואים בתיקיית המדיה אלא לבחור דרך הcontent כפי שהוסבר, על מנת לאפשר החלפה של פריט המדיה ללא שיווצרו לינקים שבורים באתר.

  1. יש ללחוץ על הכפתור להוספת לינק או לבחור את הטקסט שיהפוך להיפר-קישור. הטקסט יכול להיות "פנו אלינו במייל", והוא יכול להיות גם כתובת המייל עצמה, למשל mail@bgu.ac.il, תלוי בצורך שלכם.
  2. בשדה Link הזינו את הטקסט "mailto:" ולאחריה את כתובת המייל שאליה תרצו לקשר. לדוגמה, Mailto:mail@bgu.ac.il
  3. סמנו את הריבוע בשדה Target כדי שהקישור ייפתח בחלון או כרטיסייה חדשים
  4. לסיום לחצו על הכפתור הירוק Submit

קישורים מתקדמים - עוגנים

לפעמים נרצה לקשר אל רכיב ספציפי בעמוד תוכן. כלומר שכשהגולשים ילחצו על הלינק, העמוד "ייגלל" אוטומטית ויגיע בדיוק אל המקום שהם צריכים בעמוד. קישור מסוג זה מכונה "עוגן".

עוגן (Anchor) הוא קישור מיוחד, שמאפשר ניווט לחלק ספציפי בתוך אותו דף, או לחלק ספציפי בתוך דף אחר באתר. כלומר, בלחיצה על לינק העוגן, הדף נגלל אוטומטית ועוצר בדיוק במקום הנכון - כך הגולשים מדלגים ישירות לחלק שמעניין אותם, במקום לגלול ולחפש באופן ידני.

העוגן אינו "גימיק" אלא כלי לשיפור חווית הגלישה באתר, על ידי גישה מהירה למידע ספציפי. הוא מפחית את זמן הניווט באתר, משמש ליצירת תפריטים פנימיים בדפים ארוכים וגם תורם להצגת מבנה תוכן ברור שמסייע גם לאנשים וגם למכונות.

יש שני סוגים של קישורי עוגן שניתן ליצור:

עוגן לרכיב מסוים בעמוד

עוגן לטקסט מסוים בתוך רכיב טקסט עשיר

יש להכניס את שם הרכיב אליו רוצים להפנות בלינק.

יש להכניס לשדה Anchor/querystring את שם הרכיב לפי המבנה הבא: OneTwoThree

לדוגמה, אם נרצה להכניס עוגן לרכיב אירועים, נכתוב: EventsSection

דוגמה נוספת, אם נרצה להכניס עוגן לרכיב MARegistrationConditions, נכתוב: MaRegistrationConditions

חשוב לדעת: יש להקפיד למלא את שדה Link Title בטקסט הגיוני ובעל משמעות, אחרת יופיע שם העוגן בטקסט הקישור במקום הכותרת הרצויה.

אם קיים רכיב נוסף זהה בדף, נדרש להוסיף את מספר הרכיב בדף, בהתאם לסידור הרכיבים.

למשל: QuestionsAndAnswers-2 כדי לקשר עוגן לרכיב השו"ת השני בדף.