דף הבית / בניית אתרים / כיצד ליצור ממשק משתמש שיתאים ל-SEO

כיצד ליצור ממשק משתמש שיתאים ל-SEO

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

קידום אתרים וחווית משתמש

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

התאמה למובייל – למה היא חשובה לכולם?

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

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

 בדיקת התאמה לניידים

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

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

שימוש באתרים בעלי עמוד אחד ארוך– טוב או רע?

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

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

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

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

חלופה לטעינת תוכן בזמן אמת

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

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

רוצה לקבל הצעה לקידום אתר? כמה פרטים ואחזור אליך בהקדם

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

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

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

לא להציף את הגולש

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

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

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

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

עמוד הבית של וויקס

שימוש בניווט דרך פירורי לחם

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

כך למשל זה נראה כאן באתר:

פירורי לחם - באתר

וכך זה נראה אם מסתכלים על הדף בגוגל (בירוק):

פירורי לחם - בתוצאות החיפוש

נכון, לא בטוח שהגולשים ישימו לב אליהם ותלוי כמה בוחרים להדגיש אותם, אבל כמו אומרים, אם לא יועיל, לא יזיק…

כיצד לקצר את זמן טעינת העמוד

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

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

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

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

בדיקת מהירות של גוגל

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

 


היו חברתיים!

אהבתם? במידה ותירצו לקבל ממני עדכונים עתידיים ישירות לפיד שלכם אתם מוזמנים לעשות לי לייק בפייסבוק או לעקוב אחריי בגוגל+. נשתמע!

רוצה שאבדוק לך את האתר (בחינם לגמרי!) ואתן לך הערכת מחיר לקידום? כמה פרטים ואחזור אליך

רוצים להגיב?

תגובות

אודות איתי ברנר

כותב על קידום אתרים ושיווק דיגיטאלי עבור dooble. בנוסף מנהל מספר אתרים ובלוגיים עצמאיים בנושאי טכנולוגיה.

שווה לקרוא גם את

שיווק בפינטרסט

שיווק בפינטרסט: מדריך קידום בפינטרסט למתחילים

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

כלי ה-Disavow של גוגל

Disavow Tool: מה זה וכיצד משתמשים בו נכון

Disavow Tool הוא כלי מיוחד של גוגל שמורה לאלגוריתם שלו להתעלם מקישורים מסוימים שנכנסים אל ...

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

יצירת קשר זריזה
close slider