עיצוב לעומת SEO: האם האתר שלי יכול גם להיראות טוב וגם להגיע לדירוג טוב?

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

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

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

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

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

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

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

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

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