מה המשמעות של ה- a tag noopener? תכונת noreferrer/אפקט nofollow

תווית היפר-קישור <a>קוד משמש בדרך כלל עם תכונות noopener, noreferrer ו-nofollow, מאמר זה ישתף כיצד להשתמש בתכונות noopener, noreferrer ו-nofollow.

מה המשמעות של נופר התג?

רָצוֹן target="_blank" כאשר מוסיפים לקישור, דף היעד ייפתח בלשונית חדשה.

בדף החדש שנפתח, אתה יכול להשיג את אובייקט חלון דף המקור דרך window.opener, תוך קבורת סיכוני אבטחה פוטנציאליים.

• ספציפית, קישור לדף אינטרנט משלך A, יש קישור לדף אינטרנט ב' שיכול לפתוח כתובת אחרת של צד שלישי.
• דף אינטרנט B משיג את אובייקט החלון של דף אינטרנט A באמצעות window.opener;
• לאחר מכן תוכל להשתמש בדף A כדי לדלג לדף ההתחזות window.opener.location.href=”abc.com”, המשתמש לא שם לב
• הכתובת קפצה, ולאחר הזנת שם המשתמש והסיסמה בעמוד זה התרחשה דליפת מידע.
• על מנת למנוע את הבעיות שלעיל, rel מוצג ומגדיר את התכונה ="noopener", כך שהדף החדש שנפתח לא יכול להשיג את אובייקט החלון של דף המקור.
• בשלב זה, הערך של window.opener הוא null.

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

תפקידה של תכונת noreferrer

דומה ל-noopener.

להכיןrel="noreferrer"לאחר מכן, הדף החדש שנפתח לא יכול לגרום לחלון של דף המקור לתקוף.

יחד עם זאת, לא ניתן לקבל את המידע של document.referrer מהעמוד החדש שנפתח.מידע זה מכיל את הכתובת של דף המקור.

בדרך כלל noopener ו-noreferrer מוגדרים בו-זמנית,rel="noopener noreferrer".

מכיוון שלאחרון יש את הפונקציה הראשונה של הגבלת גישה ל-window.opener בו-זמנית, מדוע יש להגדיר אותו בו-זמנית?

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

התפקיד של nofollow

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

הדירוגים בתוצאות החיפוש יעלו.

כשמגדירים rel=”nofollow”, זה אומר להגיד למנוע החיפוש שהקישור לא תורם לדירוג הנ”ל.

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