קידום אתרים

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

ינו 06 2010

תגיות סמנטיות חדשות בתקן -HTML 5

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

ראשית כדאי שנגדיר מה זו סמנטיקה. סמנטיקה היא חקר המשמעות – הבנה של המשמעות הגלובלית של מילים. ובצד הפרקטי יותר, תוכנה או מנוע חיפוש שמבינים את ההבדל בין ביצת זהב לביצת החולה. שיודעים למשל שצה"ל זה ראשי תיבות של צבא הגנה לישראל. תחביר ה-HTML מכיל כבר כיום כמה תגיות סמנטיות שמעבירות מידע על תפקיד המילה או המשפט. בתקן XHTML 1 וברוב הדפדפנים לחלק גדול מהן יש גם תפקיד עיצובי (כמו למשל תגית strong שמשמשת להדגשה). כתיבה סמנטית חשובה מאד לא רק עבור הנגשת האתר לנכים או לאפליקציות שונות אלא גם ככלי המאפשר לנו לתרום להבנת האתר על ידי מנוע החיפוש. כך למשל, רבים מאנשי ה-SEO מאמינים ששימוש מושכל ונבון בתגית address יכול לסייע ב-SEO מקומי. על תרומה לדירוג האתר במנוע החיפוש באמצעות שימוש נבון בתגיות Headers, strong ו-emphesize אין צורך להרחיב את הדיבור. למרות שאין הוכחה להשפעה חד משמעית של חלק מהתגיות הסמנטיות האקזוטיות יותר, שימוש נבון בתגיות סמנטיות מהווה אות ל-SEO איכותי ולעבודת פרונט אנד משובחת.

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

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

תגיות של חלקי האתר

תגיות אלו מאפשרות לנו לחלק את האתר לחלקים שונים לפי סוג התוכן הקיים בהם. על כל התגיות האלו להיות בתוך תגית body:

header (שימו לב לא להתבלבל עם head!) היא עבור חלקו העליון של העמוד המכיל בדרך כלל את תמונת הלוגו, הסלוגן, שם האתר ועוד.

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

aside משמשת אותנו עבור חלקיו הצדדיים של האתר, אלו שמכילים בדרך כלל את חלקי הניווט, באנרים שונים וכו'.

nav משמשת אותנו ספציפית עבור חלקי הניווט באתר: תיבת החיפוש והתפריט.

article – תגית שמסמנת את מיקום המידע המרכזי של האתר – המאמרים והמידע שהוא מכיל.

section – מידע עבור חלק גנרי של האתר שאינו נכנס לקטגוריה של שאר החלקים שציינתי.

תגיות של טקסט

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

time – תגית שהטקסט שהיא מקיפה הוא של זמן – תאריך או שעה.

mark – תגית המציינת טקסט מסומן (highlighted). בניגוד ל-strong או ל-emphesize היא כוללת טקסט שיש לו משמעות כרפרנס עבור מקור חיצוני אחר. שימושי עבור את הפיצ'ר שבו אתר מסוים מסמן את מילות החיפוש שדרכו הגעתם אליו ופיצ'רים דומים.

dialog – תגית המציינת דו שיח.

meter -תגית המציינת התקדמות. כמו למשל באשף הגדרות או מדריך זה או אחר. התגית מכילה 2 תכונות: max שמכיל את מספר הצעדים המקסימלי ו-min שמכיל את מספר הצעדים המינימלי. למשל, אם יש לי מדריך מעמוד 1 עד עמוד 10 וכרגע אנו בעמוד 2, אני אכניס את הטקסט הבא כמציין מיקום:

<meter max="10" min="1">אתה בעמוד 2 מתוך 10</meter>

progress – בדומה ל-meter היא מכילה בתוכה מידע הקשור להתקדמות – אך יותר בכיוון של הורדת מידע.

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

תקן HTML 5 מכיל עוד לא מעט תגיות ותכונות חדשות ומעניינות שלחלק מהן עוד עלולה להיות חשיבות סמנטית – כמו תגית הוידאו המאפשרת לנגן וידאו בקוד פתוח ללא פלאש, סילברלייט או JavaFX. או תגיות נוספות שיש להן חשיבות תפקודית בדומה ל-JavaScript. על בוני אתרים בכלל ואנשי SEO בפרט להכיר את התקן על מנת לא להשאר מאחור כאשר הוא יהיה יותר רלוונטי.

על הכותב:

רן בר-זיק הוא מפתח PHP ודרופל המפעיל את אתר אינטרנט ישראל המוקדש לפיתוח רשת בכלל ופיתוח Client Side בפרט.

אין תגובות

ינו 06 2010

גוגל משפרים יכולות מורפולוגיות וסמנטיות

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

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

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

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

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

יכולות מורפולגיות

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

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

לאן זה לוקח אותנו?

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

בהצלחה

חיפושים שהביאו לכאן:

  • נרדפים
  • נושאים נרדפים

2 תגובות

אוג 25 2009

עיצוב דף נחיתה – טיפים לבניה נכונה של דף נחיתה

מהו דף נחיתה?

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

כמה דפי נחיתה צריך?

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

מה צריך להיות בדף נחיתה?

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

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

אל תנסה להיות יצירתי – נסה להיות יעיל

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

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

הפרעות קשב וריכוז

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

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

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

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

והכי חשוב – אל תטריד

"אולי תרצה גם לשמוע על הממיר הדיגיטלי החדש שלנו?"

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

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

זהו לבינתיים,

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

בהצלחה!!

חיפושים שהביאו לכאן:

  • דף נחיתה בגוגל
  • דף נחיתה נכון
  • עיצוב דף נחיתה

2 תגובות

יול 16 2009

"אוי ואבוי למתנדבים" או איך מתפטרים מ DMOZ?

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

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

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

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

הפנתי אותו לפוסט של מאט כץ שהדגים גם כיצד הוספת noodp השפיעה על הבלוג שלו. מדובר כמובן על תגית פשוטה:

<meta name=”robots” content=”noodp”>

מה יותר פשוט מאשר לנטוש את המשא ומתן מול מתנדב בDMOZ הנכחד ולהוסיף את התגית?

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

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

אגב, ניתן להשתמש בתגית noodp גם בקומבינציות כמו:

<meta name="googlebot" content="NOODP, nofollow">

או להגדיר אותה רק עבור גוגל:

<meta name="googlebot" content="NOODP">

בהצלחה

חיפושים שהביאו לכאן:

  • איך להיפטר מנודניקים

5 תגובות

הבא »

FireStats icon ‏מריץ FireStats‏