אחת הבעיות הכי כואבות של מקדמי אתרים באינטרנט היא הצורך להתמודד עם אתר קיים הבנוי באופן שאינו מותאם למנועי החיפוש. ארכיטקטורת אתר ו/או אלמנטים מעוצבים שמנועי החיפוש לא מסוגלים להתמודד עמם עשויים למנוע אינדוקס חלקים שלמים מהאתר ולעיתים אף ימנעו את אינדוקס האתר כולו.
במהלך השנים נתקלתי לא מעט בהתנגשות בין רצונות המעצבים ודרישות אנשי קידום האתרים. קונפליקטים על הוספת
גרפיקה ואלמנטים של פלאש או שימוש בטקסט "חי" לעומת שימוש בתמונה, להצגת הטקסט כמעוצב, הפכו לעיתים לקרבות של ממש.
כאשר מעצב אתרים מספק לנו סקיצה הוא מתייחס לאינטראקציה של הגולשים עם הממשק, למראה הכללי ולתחושה שישדר האתר לקהל (look and feel). אנשי מקצוע טובים ישקיעו מחשבה גם בהתאמת העיצוב לדפדפנים השונים (אקספלורר, פיירפוקס, אופרה על גרסאותיהם השונות) ולרזולוציות מסך שונות, אך לרוב יתעלמו מסוג מסוים של משתמשים – הספיידרים של מנועי החיפוש. מצד שני מעצבי אתרים שהוגבלו ע"י שיקולי SEO, שנגדו את העין העיצובית שלהם, לא אחת סיפקו עיצוב משמים, שלא הצליח לגרות את קהל היעד להמשיך ולגלוש באתר.
למרות שנדמה כי לא ניתן לגשר על הפערים, מעצב טוב - המבין את מגבלות הלקוח ויודע
כיצד פועלים מנועי החיפוש - יכול לעצב ללקוח אתר מסוגנן שלא יגביל את עבודת מקדם האתרים בעתיד.
עיצוב אתרים באמצעות CSS
במידה ואתם כבר משתמשים בגליונות סגנון מדורגים (CSS) בעיצוב אתרים, אתם מודעים לעובדה כי השימוש בהם מאפשר לכתוב פחות קוד HTML מאשר האלטרנטיבה המיושנת של עיצוב המבוסס על טבלאות, דבר המהווה יתרון מבחינת קידום אתר במנועי החיפוש.
אם אתם עדיין old-school והחלטתם לקפוץ כיתה לעיצוב מבוסס CSS כדאי שתתייחסו לדגשים הבאים, שעשויים להשפיע על קידום אתר במנועי החיפוש:
- עיצוב אתרים הסתרת טקסטים – יש לנקוט במשנה זהירות כאשר אנחנו משתמשים באלמנטים חבויים (Hidden) וטקסט חבוי בפרט. לדוגמא, אלמנט של לשוניות מתחלפות המציג רק לשונית אחת פתוחה עם תוכן בכל פעם, מתוך מספר תכנים (כמספר הלשוניות). מנועי חיפוש לא אוהבים לאנדקס דפים המכילים תכנים חבויים ושימוש מופרז באלמנטים מסוג זה עשוי להתפרש בעיניהם כניסיון לספאם שיביא להענשת האתר.
מאחר והכוונה היא ליצור אפקט ויזואלי עבור המשתמש ניתן לפתור את בעיית התכנים החבויים ועדיין לקבל את אותו האפקט ע"י הכנסתם ל- JavaScrip, שאותו מנוע החיפוש לא יודע לקרוא.
- עיצוב אתרים גודל פונט – שימוש ב- CSS מאפשר להגדיר באמצעות Class מה יהיה גודל הפונט של האלמנטים החשובים לקידום, דוגמת כותרות 1H. מאחר ובעבר מנועי חיפוש לא קראו את קובץ ה- CSS ניתן היה להסתיר באמצעותו כותרת 1H בפונט הרגיל של הדף. היום מאחר ומנועי החיפוש יודעים בדיוק מה אתם עושים השימוש בטקטיקה זאת במקרה הטוב לא יזיק ובמקרים טובים פחות יסמן אתכם כספאמרים.
אם אתם מגדירים את גודל הפונטים שלכם לכותרות ולשאר האלמנטים הטקסטואליים בדף הקפידו על ההיררכיה הטבעית – תגי 1H צריכים להיות יותר גדולים מתגי 2H וכן הלאה. כל תג HTML צריך לתפקד בדיוק באותו האופן בו היה מתפקד ללא
השימוש ב- CSS.
טיפ: לעולם אל תתפתו לדחוס מילים לדף שייראו ע"י מנועי החיפוש ולא ע"י הגולשים. שימוש בפונטים בגודל פיקסל, פונטים בצבע הרקע או טריקים דומים לא ייעלמו ממנועי החיפוש והם רק עשויים להסב לאתר ולדירוגים שלכם נזק.
עיצוב אתרים משולב, ליהנות מכל העולמות
לעיתים תתקלו במצב נתון בו אינכם יכולים לעבור לעיצוב מבוסס CSS בין אם מתוך שיקולי כדאיות כלכלית של הסבת האתר הקיים או בגלל בעל המקצוע שעמו אתם עובדים. במקרים כאלה תוכלו להתפשר על עיצוב המשלב CSS עם מבנה טבלאי על מנת לנצל את מלוא הפוטנציאל של האתר מבחינת קידום אתרים.
אם לעבור לעיצוב מבוסס CSS יכול להיות כל כך מסובך בשביל מה זה טוב ? אכן שאלה לגיטימית, לאילו מכם השואלים אותה אתן דוגמא מאתר לקוח:
באתר, שדפיו היו טבלאות, נוצר הצורך להוסיף סרגל עליון עם 3 קישורים: דף הבית, מי אנחנו ויצירת קשר. מיקום תא חדש בראש הטבלה עם קישורים אלה היה גורם למנועי החיפוש להיתקל במילים "דף הבית מי אנחנו יצירת קשר" בראש כל עמוד ואולי אף להציגן בתוצאות החיפוש בשדה התיאור – ללא ספק לא מה שהלקוח רצה. הפתרון לבעיה הגיע בצורת הוספת Div בסוף הקוד והצגת הקישורים המופיעים בו בראש הדף באמצעות CSS.
iSEO
מדריך בניית אתרים
רישום האתר במנועי החיפוש
קידום אתרי פלאש
