איך להוסיף את תכונת ALT לתמונה בצורה נכונה?

תוכן עניינים:

איך להוסיף את תכונת ALT לתמונה בצורה נכונה?
איך להוסיף את תכונת ALT לתמונה בצורה נכונה?
Anonim

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

אופטימיזציה של קוד

הגדר את תכונת ALT
הגדר את תכונת ALT

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

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

מהי תכונת ALT?

בוא נתחיל מההתחלה: נתאר על מה מאמר זהדיבור ומדוע אנחנו צריכים את התכונה הזו בכלל.

תכונת ALT
תכונת ALT

אז, כדי להבין את הטקסט הזה, תחילה עליך להבין את שפת הסימון HTML. זהו הקוד שעליו כתובים דפי האינטרנט הבסיסיים, שכפי שכבר צוין, יש לו את המאפיין להיות מוצג בדפדפן. השפה כולה מורכבת מתכונות מיוחדות (כמו IMG, ALT, FONT וכו'). כל אחד מהם אחראי לעבודה עם אלמנט עיצובי כזה או אחר. בפועל, התכונה "תמונה" שהוזכרה לעיל משמשת לתמונות שניתן למצוא בדפי האתר. ליתר דיוק, בעזרתו נוצר תיאור לתמונות, לפיו המשתמש (המבקר באתר) יכול להבין בקלות מה מוצג עליהן. בטח אתה בעצמך נתקלת בתיאורים כאלה - הם מופיעים כאשר אתה מרחף עם העכבר מעל התמונה.

ערך מעשי

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

כל התמונות הגלויות חסרות את התכונה ALT
כל התמונות הגלויות חסרות את התכונה ALT

בונוסים ממנועי חיפוש

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

איך לכתוב את תכונת ALT?

טכנית, אין שום דבר קשה במילוי תיאור מתחת לתמונה זו או אחרת. זה ברור: אתה צריך ללכת לעורך HTML באתר שלך ולמצוא את קוד התמונה (מתחיל ב-IMG ומסתיים באותו). בתוך גוש הקוד הזה, יש קוד. לזה הם מתכוונים כשהם אומרים שאתה צריך לכתוב את תכונת ALT. זה נעשה כך: " alt=""תיאור".

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

מה הם כותבים בתכונה?

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

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

חסרה תכונת alt
חסרה תכונת alt

דרישות

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

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

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

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

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

חפש ALT

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

אם אין לך מידע כזה ולא חשבת בכלל להתחיל לקדם את המשאב שלך בהדרגה, אנו מציעים לך להתחיל לחפש מאגרי מידע של "מילות מפתח" כאלה שבאמצעותן תוכל ליצור אתרים חדשים בקלות. לשם כך, שירותים כמו Google Keyword Extract Tool או Yandex. Wordstat מושלמים, המציגים סטטיסטיקות חיפוש עבור ביטויים מסוימים. על ידי "משחק" עם ההגדרות הללו, אתה יכול להגדיל משמעותית את נתח תנועת החיפוש באתרים שלך ובכך להתחיל לקצור יתרונות חדשים. העיקר הוא להימנע ממצב שבו כל התמונות הנראות חסרות את תכונת ALT.

מסקנות

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

ציון תג יכול להוביל לחדשמבקרים - תופעה זו נצפית לעתים קרובות במיוחד בשירותים כמו גוגל ו-Yandex Images. כאשר אתה לוחץ על תמונה, האתר קובע באופן עצמאי את המקור ממנו נלקחה התמונה ומפנה את המבקר. וזה, כפי שאתה מבין, חשוב מאוד שתוכל לעשות בעתיד.

מוּמלָץ: