קידום אתרים טכני
ידע טכני בסיסי יעזור לכם לייעל את האתר שלכם למנועי חיפוש ולקבוע אמינות מול מפתחים.
כעת לאחר שביצעתם תוכן יקר על בסיס מחקר מילות מפתח מוצק, חשוב לוודא שהוא לא קריא רק על ידי בני אדם, אלא גם על ידי מנועי חיפוש!
אינך צריך להבין הבנה טכנית עמוקה של מושגים אלה, אך חשוב להבין מה הנכסים הטכניים הללו עושים כדי שתוכל לדבר עליהם בצורה מושכלת עם מפתחים. דיבור בשפת המפתחים שלך חשוב מכיוון שככל הנראה תזדקק להם לביצוע חלק מהאופטימיזציות שלך. סביר להניח שהם לא יתעדפו את השאלות שלך אם הם לא מצליחים להבין את בקשתך או לראות את חשיבותה. כשאתה קובע אמינות ואמון עם המתמחים שלך, אתה יכול להתחיל לקרוע את הסרט האדום שלעתים קרובות חוסם עבודה חיונית מלהסתיים.
קידום אתרים זקוק לתמיכה חוצה צוותים כדי להיות יעיל
חשוב לקיים קשר בריא עם המפתחים שלך כדי שתוכל להתמודד בהצלחה עם אתגרי SEO משני הצדדים. אל תחכה עד שנושא טכני יביא לכך שהשלכות SEO שליליות יערבו מפתח. במקום זאת, חבר כוחות לשלב את התכנון במטרה להימנע לחלוטין מהנושאים. אם לא, זה יכול לעלות לך זמן וכסף מאוחר יותר.
מעבר לתמיכה קבוצתית, הבנת אופטימיזציה טכנית לקידום אתרים היא חיונית אם ברצונך להבטיח שדפי האינטרנט שלך יהיו מובנים גם לבני אדם וגם לסורקים. לשם כך חילקנו פרק זה לשלושה חלקים:
- איך אתרים עובדים
- כיצד מנועי חיפוש מבינים אתרי אינטרנט
- כיצד משתמשים מתקשרים עם אתרים
מכיוון שלמבנה הטכני של אתר יכולה להיות השפעה מאסיבית על ביצועיו, חשוב לכל אחד להבין את העקרונות הללו. זה יכול להיות גם רעיון טוב לשתף חלק זה במדריך עם המתכנתים שלך, כותבי התוכן והמעצבים שלך, כך שכל הגורמים המעורבים בבניית האתר יהיו באותו דף.
איך אתרים עובדים
אם אופטימיזציה למנועי חיפוש היא תהליך האופטימיזציה של אתר לחיפוש, קידום אתרים זקוק לפחות להבנה בסיסית של הדבר שהם מבצעים אופטימיזציה!
להלן, אנו מתווים את המסע של האתר מרכישת שם תחום עד למצב שניתנו במלואו בדפדפן. מרכיב חשוב במסע האתר הוא נתיב העיבוד הקריטי, שהוא תהליך של דפדפן שהופך את קוד האתר לדף הניתן לצפייה.
הידיעה על אודות אתרים חשובה שהקידום אתרים מבינים מכמה סיבות:
השלבים בתהליך הרכבת דפי אינטרנט זה יכולים להשפיע על זמני טעינת הדפים, ומהירות לא רק חשובה לשמירת המשתמשים באתר שלך, אלא שהיא גם אחד מגורמי הדירוג של גוגל.
גוגל מעבירה משאבים מסוימים, כמו JavaScript, ב”מעבר שני “. גוגל תסתכל תחילה על הדף ללא JavaScript, ואז כמה ימים עד כמה שבועות לאחר מכן, הוא יעבור JavaScript, כלומר אלמנטים קריטיים של SEO שמתווספים לדף באמצעות JavaScript עשויים שלא לקבל אינדקס.
דמיין שתהליך טעינת האתר הוא הנסיעות שלך לעבודה. אתה מתכונן בבית, אוסף את הדברים שאתה צריך להביא למשרד ואז לוקח את הדרך המהירה ביותר מהבית שלך לעבודה שלך. זה יהיה מטופש ללבוש רק אחת מהנעליים שלך, לקחת מסלול ארוך יותר לעבודה, להוריד את הדברים שלך במשרד, ואז לחזור מיד הביתה כדי להשיג את הנעל השנייה שלך, נכון? זה סוג של מה שאתרים לא יעילים עושים. פרק זה ילמד אותך כיצד לאבחן היכן האתר שלך עשוי להיות לא יעיל, מה אתה יכול לעשות כדי להתייעל, וההשלכות החיוביות בדירוג שלך ובחוויית המשתמש שלך שיכולות לנבוע מהתייעלות זו.
לפני שניתן יהיה לגשת לאתר, צריך להקים אותו!
שם הדומיין נרכש. שמות דומיינים כמו moz.com נרכשים מרשם שמות מתחם כגון GoDaddy או HostGator. הרשמים הללו הם רק ארגונים שמנהלים את הזמנת שמות הדומיינים.
שם הדומיין מקושר לכתובת IP. האינטרנט לא מבין שמות כמו “moz.com” ככתובות אתרים ללא עזרת שרתי שמות מתחם (DNS). האינטרנט משתמש בסדרת מספרים הנקראת כתובת פרוטוקול אינטרנט (IP) (למשל: 127.0.0.1), אך אנו רוצים להשתמש בשמות כמו moz.com מכיוון שקל יותר לזכור לבני אדם. עלינו להשתמש ב- DNS כדי לקשר את השמות הניתנים לקריאה אנושית למספרים הניתנים לקריאה במכונה.
איך אתר מגיע משרת לדפדפן
משתמש מבקש דומיין. כעת, כאשר השם מקושר לכתובת IP באמצעות DNS, אנשים יכולים לבקש אתר על ידי הקלדת שם הדומיין ישירות בדפדפן שלהם או על ידי לחיצה על קישור לאתר.
הדפדפן מגיש בקשות. בקשה זו לדף אינטרנט מבקשת מהדפדפן להגיש בקשת בדיקת DNS להמרת שם הדומיין לכתובת ה- IP שלו. לאחר מכן הדפדפן מגיש בקשה לשרת עבור הקוד שעליו בנוי דף האינטרנט שלך, כגון HTML, CSS ו- JavaScript.
השרת שולח משאבים. לאחר שהשרת מקבל את הבקשה לאתר, הוא שולח את קבצי האתר שיורכבו בדפדפן המחפש.
הדפדפן מרכיב את דף האינטרנט. הדפדפן קיבל כעת את המשאבים מהשרת, אך הוא עדיין צריך לחבר את הכל ביחד ולעבד את דף האינטרנט כדי שהמשתמש יוכל לראות אותו בדפדפן שלו. כאשר הדפדפן מנתח ומארגן את כל משאבי דף האינטרנט, הוא יוצר מודל אובייקט מסמך (DOM). ה- DOM הוא מה שאתה יכול לראות כאשר אתה לוחץ לחיצה ימנית ו”מבדק אלמנט “בדף אינטרנט בדפדפן Chrome שלך (למד כיצד לבדוק רכיבים בדפדפנים אחרים).
הדפדפן מגיש בקשות סופיות. הדפדפן יציג דף אינטרנט רק לאחר הורדת הניתוח והניתוח של כל הקוד הדרוש לדף, ובשלב זה, אם הדפדפן זקוק לקוד נוסף כלשהו על מנת להציג את האתר שלך, הוא יגיש בקשה נוספת מהשרת שלך. .
האתר מופיע בדפדפן. וואו! אחרי כל זה, האתר שלך הפך כעת (הופך) מקוד למה שאתה רואה בדפדפן שלך.
שוחח עם המפתחים שלך על async!
משהו שתוכלו להעלות בפני המפתחים שלכם הוא קיצור נתיב העיבוד הקריטי על ידי הגדרת סקריפטים ל”אסינכרון “כאשר אין צורך בהם כדי לעבד תוכן מעל לקפל, מה שיכול לגרום לדפי האינטרנט שלכם להיטען מהר יותר. Async אומר ל- DOM שניתן להמשיך ולהרכיב אותו בזמן שהדפדפן מביא את הסקריפטים הדרושים להצגת דף האינטרנט שלך. אם ה- DOM צריך להשהות את ההרכבה בכל פעם שהדפדפן יביא סקריפט (הנקרא “סקריפטים החוסמים עיבוד”), הוא יכול להאט באופן משמעותי את עומס הדף שלך. זה יהיה כמו לצאת לאכול עם החברים שלך ולהצטרך להשהות את השיחה בכל פעם שאחד מכם יעלה לדלפק להזמין, רק יחדש לאחר שיחזרו. עם async, אתה וחבריך יכולים להמשיך ולשוחח גם כאשר אחד מכם מזמין. כדאי גם להעלות אופטימיזציות אחרות ש- devs יכולות ליישם כדי לקצר את נתיב העיבוד הקריטי, כגון הסרת סקריפטים מיותרים לחלוטין, כמו סקריפטים למעקב ישנים.
עכשיו שאתה יודע איך אתר מופיע בדפדפן, אנו נתמקד במה שמורכב אתר – במילים אחרות, הקוד (שפות תכנות) המשמש לבניית דפי אינטרנט אלה.
שלושת הנפוצים ביותר הם:
HTML – מה כתוב באתר (כותרות, תוכן גוף וכו ‘)
CSS – איך אתר נראה (צבע, גופנים וכו ‘)
JavaScript – איך זה מתנהג (אינטראקטיבי, דינמי וכו ‘)
תמונה זו נכתבה בהשראת הדוגמה המופלאה של אלכסיס סנדרס ב- JavaScript ובקידום אתרים: הפיכת חוויית הבוטים שלך לחוויית המשתמש שלך
HTML: מה אומר אתר
HTML מייצג שפת סימון היפר-טקסט, והוא משמש כעמוד השדרה של אתר. אלמנטים כמו כותרות, פסקאות, רשימות ותוכן מוגדרים כולם ב- HTML.
הנה דוגמה לדף אינטרנט ואיך נראה ה- HTML המתאים לו:
חשוב שמקדמי אתרים ידעו HTML כי זה מה שחי “מתחת למכסה המנוע” של כל דף שהם יוצרים או עובדים עליו. למרות ש- CMS שלך כנראה לא דורש ממך לכתוב את הדפים שלך ב- HTML (למשל: בחירה ב”היפר-קישור “תאפשר לך ליצור קישור מבלי שתצטרך להקליד” a href = “), אך זה מה שאתה משנה כל בזמן שאתה עושה משהו לדף אינטרנט כגון הוספת תוכן, שינוי טקסט העוגן של קישורים פנימיים וכן הלאה. גוגל סורקת רכיבי HTML אלה כדי לקבוע עד כמה המסמך שלך רלוונטי לשאילתה מסוימת. במילים אחרות, מה שיש ב- HTML שלך ממלא תפקיד עצום באופן שבו דף האינטרנט שלך מדורג בחיפוש האורגני של גוגל!
CSS: איך אתר נראה
CSS מייצג “גליונות סגנון מדורגים”, וזה מה שגורם לדפי האינטרנט שלך לקבל גופנים, צבעים ופריסות מסוימים. HTML נוצר כדי לתאר תוכן במקום לעצב אותו, ולכן כש- CSS נכנס למקום זה היה משחק מחליף. באמצעות CSS, ניתן “לייפות” דפי אינטרנט מבלי לדרוש קידוד ידני של סגנונות ב- HTML של כל עמוד – תהליך מסורבל, במיוחד עבור אתרים גדולים.
רק בשנת 2014 מערכת האינדקס של גוגל החלה לעבד דפי אינטרנט יותר כמו דפדפן בפועל, בניגוד לדפדפן לטקסט בלבד. נוהג קידום אתרים עם כובע שחור שניסה לנצל את מערכת האינדקס הישנה של גוגל הסתיר טקסטים וקישורים באמצעות CSS לצורך מניפולציה בדירוג מנועי החיפוש. פרקטיקה זו של “טקסט מוסתר וקישורים” מהווה הפרה של הנחיות האיכות של Google.
רכיבי CSS שאנשי קידום אתרים, במיוחד, צריכים לדאוג להם:
מכיוון שהוראות סגנון יכולות לחיות בקבצי גליונות סגנונות חיצוניים (קבצי CSS) במקום ב- HTML של הדף שלך, הדבר הופך את הדף שלך לפחות כבד קוד, מה שמקטין את גודל העברת הקבצים ומקשה על זמני הטעינה.
דפדפנים עדיין צריכים להוריד משאבים כמו קובץ CSS שלך, כך שדחיסה שלהם יכולה לגרום לדפי האינטרנט שלך להיטען מהר יותר, ומהירות הדף היא גורם דירוג.
העובדה שהדפים שלך יהיו כבדים יותר מתוכן מאשר קוד כבד יכול להוביל לאינדקס טוב יותר של תוכן האתר שלך.
שימוש ב- CSS כדי להסתיר קישורים ותוכן יכול להעניש את האתר שלך באופן ידני ולהסיר אותו מהאינדקס של גוגל.
JavaScript: כיצד מתנהג אתר
בימים הראשונים של האינטרנט נבנו דפי אינטרנט עם HTML. כאשר CSS הגיע, לתוכן של דפי אינטרנט היה יכולת ללבוש סגנון כלשהו. כששפת התכנות JavaScript נכנסה לזירה, אתרים לא יכולים להיות רק עכשיו בעלי מבנה וסגנון, אלא שהם יכולים להיות דינמיים.
JavaScript פתח הרבה הזדמנויות ליצירת דפי אינטרנט לא סטטיים. כשמישהו מנסה לגשת לדף משופר בשפת תכנות זו, הדפדפן של אותו משתמש יבצע את ה- JavaScript כנגד ה- HTML הסטטי שהשרת החזיר, וכתוצאה מכך דף אינטרנט שמתעורר לחיים עם אינטראקטיביות כלשהי.
בהחלט ראיתם JavaScript בפעולה – אולי פשוט לא ידעתם! הסיבה לכך היא ש- JavaScript יכול לעשות כמעט כל דבר לדף. זה יכול ליצור חלון קופץ, למשל, או שהוא יכול לבקש משאבים של צד שלישי כמו מודעות שיוצגו בדף שלך.
עיבוד בצד הלקוח לעומת עיבוד צד השרת
JavaScript עלול להוות בעיות עבור SEO, מכיוון שמנועי חיפוש אינם רואים JavaScript באותה צורה שמבקרים אנושיים רואים. הסיבה לכך היא עיבוד צד הלקוח לעומת עיבוד צד השרת. מרבית ה- JavaScript מבוצע בדפדפן הלקוח. לעומת זאת, עם עיבוד צד השרת, הקבצים מבוצעים בשרת והשרת שולח אותם לדפדפן במצב שניתנו לחלוטין.
אלמנטים של עמוד קריטי לקידום אתרים כגון טקסט, קישורים ותגיות הנטענים בצד הלקוח עם JavaScript, ולא מיוצגים ב- HTML שלך, אינם נראים מהקוד של הדף שלך עד שהם מעובדים. המשמעות היא שסורקי מנועי החיפוש לא יראו מה יש ב- JavaScript שלך – לפחות לא בהתחלה.
גוגל אומרת כי כל עוד אינך חוסם את Googlebot לסרוק את קבצי ה- JavaScript שלך, הם בדרך כלל מסוגלים לעבד ולהבין את דפי האינטרנט שלך בדיוק כמו שדפדפן יכול, מה שאומר ש- Googlebot צריך לראות את אותם הדברים כמו שמשתמש צופה. אתר בדפדפן שלהם. עם זאת, בשל “הגל השני של אינדקס” עבור JavaScript בצד הלקוח, גוגל יכולה לפספס אלמנטים מסוימים שזמינים רק לאחר ביצוע JavaScript.
יש גם כמה דברים אחרים שעלולים להשתבש במהלך תהליך העיבוד של דפי האינטרנט שלך של Googlebot, אשר יכולים למנוע מגוגל להבין מה הכלול ב- JavaScript שלך:
חסמת את Googlebot ממשאבי JavaScript (למשל: עם robots.txt, כמו שלמדנו עליו בפרק 2)
השרת שלך לא יכול לטפל בכל הבקשות לסרוק את התוכן שלך
ה- JavaScript מורכב או מיושן מכדי ש- Googlebot יכול להבין אותו
JavaScript אינו “מעמיס עצלן” תוכן לדף אלא לאחר שהסורק סיים את הדף ועבר הלאה.
למותר לציין, בעוד ש- JavaScript אמנם פותח הרבה אפשרויות ליצירת דפי אינטרנט, אך הוא יכול להיות בעל השלכות חמורות עבור ה- SEO שלך אם אינך נזהר.
למרבה המזל, יש דרך לבדוק אם גוגל רואה את אותו הדבר כמו המבקרים שלך. כדי לראות דף כיצד Googlebot רואה את הדף שלך, השתמש בכלי “בדיקת כתובות אתרים” של Google Search Console. כל שעליך לעשות הוא להדביק את כתובת האתר של הדף שלך בסרגל החיפוש של GSC:
לאחר ש- Googlebot סרק מחדש את כתובת האתר שלך, לחץ על “צפה בדף שנבדק” כדי לראות כיצד הדף שלך נסרק ומועבר.
לחיצה על הכרטיסייה “צילום מסך” הסמוכה ל- “HTML” מראה כיצד הטלפון החכם של Googlebot מעבד את הדף שלך.
בתמורה, תראה כיצד Googlebot רואה את הדף שלך לעומת כיצד מבקר (או אתה) עשוי לראות את הדף. בכרטיסייה “מידע נוסף”, גוגל תציג לך גם רשימה של כל המשאבים שאולי לא הצליחו להשיג עבור כתובת האתר שהזנת.
הבנת אופן העבודה של אתרים מהווה בסיס נהדר למה שנדבר בהמשך: אופטימיזציות טכניות שיעזרו לגוגל להבין טוב יותר את הדפים באתר שלך.
כיצד מנועי חיפוש מבינים אתרי אינטרנט
תאר לעצמך שאתה סורק במנועי חיפוש שסורק מאמר של 10,000 מילים על אופן האפייה של עוגה. איך מזהים את הכותב, המתכון, המרכיבים או הצעדים הנדרשים לאפיית עוגה? כאן נכנס סימון הסכימה. הוא מאפשר להזין מנועי חיפוש בכפיות סיווגים ספציפיים יותר לגבי סוג המידע שבדף שלך.
סכמה היא דרך לתייג או לארגן את התוכן שלך כך שמנועי החיפוש יבינו טוב יותר מה הם אלמנטים מסוימים בדפי האינטרנט שלך. קוד זה מספק מבנה לנתונים שלך, ולכן הסכימה מכונה לעתים קרובות “נתונים מובנים”. תהליך בניית הנתונים שלך מכונה לעתים קרובות “סימון” מכיוון שאתה מסמן את התוכן שלך בקוד ארגוני.
JSON-LD הוא סימון הסכימות המועדף על גוגל (הוכרז במאי 16 ‘), שגם בינג תומך בו. לצפייה ברשימה מלאה של אלפי סימני הסכימה הזמינים, בקר ב- Schema.org או עיין במבוא של Google Developers לנתונים מובנים למידע נוסף על אופן יישום נתונים מובנים. לאחר שתיישם את הנתונים המובנים המתאימים ביותר לדפי האינטרנט שלך, תוכל לבדוק את הסימון שלך באמצעות כלי בדיקת הנתונים המובנים של גוגל.
בנוסף לסייע לבוטים כמו גוגל להבין על מה מדובר בתוכן מסוים, סימון סכימה יכול גם לאפשר לתכונות מיוחדות ללוות את הדפים שלך ב- SERP. תכונות מיוחדות אלה מכונות “Rich Snippets”, וכנראה ראית אותם בפעולה. הם דברים כמו:
קרוסלות סיפורים מובילים
סקירת כוכבים
תיבות חיפוש של Sitelinks
מתכונים
זכור, שימוש בנתונים מובנים יכול לעזור לאפשר קיומו של Rich Snippet, אך אינו מבטיח זאת. ככל הנראה יתווספו סוגים אחרים של Rich Snippets בעתיד ככל שגובר השימוש בסימניות סכמות.
כמה מילות עצה אחרונות להצלחה בסכמה:
אתה יכול להשתמש בסוגים מרובים של סימון סכימה בדף. עם זאת, אם אתה מסמן אלמנט אחד, כמו מוצר למשל, ויש מוצרים אחרים המופיעים בדף, עליך לסמן גם מוצרים אלה.
אל תסמן תוכן שאינו גלוי למבקרים ופעל בהתאם להנחיות האיכות של גוגל. לדוגמא, אם אתה מוסיף לדף סימון מובנה של ביקורת, ודא שביקורות אלו אכן נראות בדף זה.
אם יש לך דפים כפולים, גוגל מבקשת שתסמן כל עמוד כפול בסימון המובנה שלך, ולא רק בגרסה הקנונית.
ספק תוכן מקורי ומעודכן (אם יש) בדפי הנתונים המובנים שלך.
סימון מובנה אמור להיות ביטוי מדויק של הדף שלך.
נסה להשתמש בסימון הסכימה הספציפי ביותר עבור התוכן שלך.
העסק לא צריך לכתוב ביקורות מסומנות. עליהם להיות ביקורות עסקיות אמיתיות שלא שולמו מלקוחות בפועל.
ספר למנועי חיפוש על העמודים המועדפים עליך באמצעות קנוניזציה
כשגוגל סורקת את אותו התוכן בדפי אינטרנט שונים, לפעמים היא לא יודעת איזה דף להוסיף לאינדקס בתוצאות החיפוש. זו הסיבה שהומצא התג rel = “canonical”: כדי לעזור למנועי החיפוש להוסיף טוב יותר את הגרסה המועדפת של התוכן ולא את כל הכפילויות שלו.
התג rel = “canonical” מאפשר לך לומר למנועי חיפוש היכן נמצאת הגרסה המקורית והמאסטר של פיסת תוכן. אתה בעצם אומר, “היי מנוע חיפוש! אל תוסיף את האינדקס הזה; הוסף במקום זאת את דף המקור הזה.” לכן, אם ברצונך לפרסם פיסת תוכן מחדש, בין אם מדויקת או מעט שונה, אך אינך רוצה להסתכן ביצירת תוכן כפול, התג הקנוני כאן כדי להציל את היום.
היכן ניתן למצוא rel = canonical בקוד המקור של הדף.
קנוניזציה נכונה מבטיחה שלכל פיסת תוכן ייחודית באתר שלך תהיה כתובת URL אחת בלבד. כדי למנוע ממנועי חיפוש להוסיף אינדקס של מספר גרסאות של עמוד יחיד, גוגל ממליצה שיהיה תג קנוני להפניה עצמית בכל עמוד באתר שלך. ללא תג קנוני המסביר לגוגל איזו גרסה של דף האינטרנט שלך היא הגרסה המועדפת, https://www.example.com עשוי להתווסף לאינדקס בנפרד מ- https://example.com וליצור כפילויות.
“הימנע מתוכן כפול” הוא אמת אמיתית באינטרנט, ומסיבה טובה! גוגל רוצה לתגמל אתרים בתוכן ייחודי בעל ערך – לא תוכן שנלקח ממקורות אחרים וחוזר על עצמו על פני מספר עמודים. מכיוון שמנועים רוצים לספק את חוויית החיפוש הטובה ביותר, לעתים נדירות הם יציגו מספר גרסאות של אותו תוכן, במקום זאת בחרו להציג רק את הגרסה הקנונית, או אם תג קנוני אינו קיים, לפי הגרסה הסבירה ביותר שהיא המקורית.
למידע נוסף על קנוניזציה
זה נפוץ מאוד שגם באתרים יש מספר עמודים כפולים בגלל אפשרויות מיון וסינון. לדוגמא, באתר מסחר אלקטרוני ייתכן שיהיה לך מה שמכונה ניווט פנים שמאפשר למבקרים לצמצם מוצרים כדי למצוא בדיוק את מה שהם מחפשים, כגון תכונה “מיין לפי” המסדרת מחדש את התוצאות בקטגוריית המוצרים. העמוד מהמחיר הנמוך ביותר למחיר הגבוה ביותר. זה יכול ליצור כתובת אתר שנראית כך: example.com/mens-shirts?sort=price_ascending. הוסף אפשרויות מיון / סינון נוספות כמו צבע, גודל, חומר, מותג וכו ‘וחשוב רק על כל הווריאציות של דף קטגוריית המוצרים העיקרית שלך זה ייצור!
כיצד משתמשים מתקשרים עם אתרים
SEO עוסק באותה מידה באנשים כמו במנועי חיפוש עצמם. הסיבה לכך היא שמנועי חיפוש קיימים כדי לשרת מחפשים. מטרה זו מסייעת להסביר מדוע האלגוריתם של גוגל מתגמל אתרי אינטרנט המספקים את החוויות הטובות ביותר האפשריות למחפשים, ומדוע אתרים מסוימים, למרות היותם בעלי תכונות כמו פרופילי קישור אחורי חזקים, עשויים שלא לבצע ביצועים טובים בחיפוש.
כשאנו מבינים מה הופך את חוויית הגלישה שלהם לאופטימלית, אנו יכולים ליצור חוויות אלה לביצועי חיפוש מקסימליים.
הבטחת חוויה חיובית למבקרים הניידים שלך
מכיוון שיותר ממחצית התעבורה באינטרנט כיום מגיעה מניידים, אפשר לומר שהאתר שלך צריך להיות נגיש וקל לניווט עבור מבקרים ניידים. באפריל 2015 גוגל פרסמה עדכון לאלגוריתם שלה שיקדם דפים ידידותיים לנייד על פני דפים שאינם ידידותיים לנייד. אז איך תוכלו להבטיח שהאתר שלכם יהיה ידידותי לנייד? למרות שישנן שלוש דרכים עיקריות להגדרת תצורה של האתר שלך לנייד, גוגל ממליצה על עיצוב אתרים רספונסיבי.
עיצוב רספונסיבי
אתרים רספונסיביים נועדו להתאים למסך של כל סוג המכשיר בו מבקרים משתמשים. אתה יכול להשתמש ב- CSS כדי לגרום לדף האינטרנט “להגיב” לגודל המכשיר. זה אידיאלי מכיוון שהוא מונע ממבקרים להקיש פעמיים או לצבוט ולהתקרב כדי להציג את התוכן בדפים שלך. לא בטוח אם דפי האינטרנט שלך ידידותיים לנייד? אתה יכול להשתמש בבדיקה המותאמת לנייד של גוגל כדי לבדוק!
תיאור כיצד עיצוב רספונסיבי יכול לשנות את העיצוב על גבי המסך, עם טקסט לצד תמונה או מתחת לתמונה.
AMP
AMP מייצג דפים ניידים מואצים, והוא משמש להעברת תוכן למבקרים ניידים במהירות הרבה יותר גבוהה מאשר בהעברה שאינה של AMP. AMP מסוגלת להעביר תוכן כל כך מהר מכיוון שהיא מספקת תוכן משרתי המטמון (לא האתר המקורי) ומשתמשת בגרסת AMP מיוחדת של HTML ו- JavaScript.
אינדקס מובייל ראשון
החל משנת 2018, גוגל החלה לעבור על אתרי אינטרנט לאינדקס ראשון לנייד. השינוי הזה עורר בלבול מסוים בין ידידותית לנייד לראשונה, ולכן כדאי להבהיר. עם אינדקס ראשון לנייד, גוגל סורקת ומוסיפה אינדקס של הגרסה הניידת של דפי האינטרנט שלך. הפיכת האתר שלך לתואם למסכים ניידים טובה למשתמשים ולביצועים שלך בחיפוש, אך אינדקס ראשון לנייד קורה ללא תלות בידידות לנייד.
זה עורר חששות מסוימים לאתרים שחסרים שוויון בין גרסאות לנייד לשולחן העבודה, כמו הצגת תוכן שונה, ניווט, קישורים וכו ‘בתצוגת הנייד שלהם. אתר סלולרי עם קישורים שונים, למשל, ישנה את האופן שבו Googlebot (נייד) סורק את האתר שלך ושולח הון קישורים לדפים האחרים שלך.
שיפור מהירות העמודים כדי להקל על תסכול האורחים
גוגל מבקשת להציג תוכן שנטען במהירות עבור מחפשים. התחלנו לצפות בתוצאות טעינה מהירה, וכשלא נקבל אותן, נחזור במהירות ל- SERP בחיפוש אחר דף טוב ומהיר יותר. זו הסיבה שמהירות העמוד היא היבט מכריע של קידום אתרים באתר. אנו יכולים לשפר את המהירות של דפי האינטרנט שלנו על ידי ניצול כלים כמו אלה שהזכרנו להלן. לחץ על הקישורים למידע נוסף על כל אחד מהם.
כלי ה- PageSpeed Insights של גוגל ותיעוד שיטות עבודה מומלצות
איך לחשוב על כלי מהירות
בודק המהירות והביצועים של אתרים ניידים של גוגל
Chrome DevTools & Tutorial
תמונות הן אחד האשמים העיקריים של דפים איטיים!
תמונות הן אחת הסיבות המובילות לטעינה איטית של דפי אינטרנט! בנוסף לדחיסת תמונות, אופטימיזציה של טקסט אלט תמונה, בחירת פורמט התמונה הנכון והגשת קובצי Sitemap של תמונות, ישנן דרכים טכניות אחרות לייעל את המהירות ואת האופן שבו תמונות מוצגות למשתמשים שלך. כמה דרכים עיקריות לשיפור הצגת תמונות הן כדלקמן:
- SRCSET: כיצד לספק את גודל התמונה הטוב ביותר עבור כל מכשיר
המאפיין SRCSET מאפשר לך לקבל מספר גרסאות של התמונה שלך ואז לציין באיזו גרסה יש להשתמש במצבים שונים. פיסת קוד זו מתווספת לתג <img> (שם נמצאת התמונה שלך ב- HTML) כדי לספק תמונות ייחודיות למכשירים בגודל ספציפי.
זה כמו הרעיון של עיצוב רספונסיבי עליו דנו קודם, למעט תמונות!
זה לא רק מאיץ את זמן טעינת התמונה שלך, אלא גם דרך ייחודית לשפר את חוויית המשתמש שלך בדף על ידי מתן תמונות שונות ואופטימליות לסוגי מכשירים שונים.
ישנן יותר משלוש גרסאות גודל תמונה!
זו תפיסה מוטעית נפוצה שאתה פשוט זקוק למחשב שולחני, טאבלט וגרסה ניידת בגודל התמונה שלך. יש מגוון עצום של גדלי מסך ורזולוציות.
תמונה המתארת מסך שולחן עבודה, מסך טאבלט ומסך טלפון, והכל עם עיצוב שונה של טקסט ותמונות.
- הצג את טעינת התמונה למבקרים בעיצומה עם טעינה עצלה
טעינה עצלה מתרחשת כשאתה עובר לדף אינטרנט, ובמקום לראות חלל לבן ריק למיקום שבו תהיה תמונה, גרסת קליל מטושטשת של התמונה או תיבה צבעונית במקומה מופיעה בזמן שהטקסט שמסביב נטען. לאחר מספר שניות התמונה נטענת בבירור ברזולוציה מלאה. פלטפורמת הבלוגים הפופולרית Medium עושה את זה ממש טוב.
הגרסה ברזולוציה נמוכה נטענת בתחילה, ולאחר מכן הגרסה המלאה ברזולוציה גבוהה. זה גם עוזר למטב את נתיב העיבוד הקריטי שלך! אז בזמן שכל משאבי העמודים האחרים שלך מורידים, אתה מראה תמונת טיזר ברזולוציה נמוכה שעוזרת לספר למשתמשים שהדברים קורים / נטענים. למידע נוסף על האופן שבו עליכם לטעון את התמונות שלכם, עיינו במדריך הטעינה של Lazy.
שפר את המהירות על ידי עיבוי ואחסון הקבצים שלך
ביקורת מהירות העמוד תציע לעתים קרובות המלצות כגון “מקטין את המשאב”, אך מה זה אומר בעצם? צמצום מאחה קובץ קוד על ידי הסרת דברים כמו מעברי שורות ומרווחים, וכן קיצור שמות משתני קוד בכל מקום אפשרי.
“Bundling” הוא מונח נפוץ נוסף שתשמע בהתייחס לשיפור מהירות הדף. תהליך האגד משלב חבורה של אותם קבצי שפת קידוד לקובץ אחד אחד. לדוגמא, ניתן להכניס חבורה של קבצי JavaScript לקובץ אחד גדול יותר כדי להפחית את כמות קבצי ה- JavaScript לדפדפן.
על ידי צמצום וקבץ הקבצים הדרושים לבניית דף האינטרנט שלך, תוכל להאיץ את האתר שלך ולצמצם את מספר בקשות ה- HTTP (קובץ) שלך.
שיפור החוויה לקהלים בינלאומיים
אתרים המכוונים לקהלים ממדינות רבות צריכים להכיר את שיטות העבודה המומלצות הבינלאומיות של קידום אתרים על מנת לשרת את החוויות הרלוונטיות ביותר. ללא אופטימיזציות אלה, מבקרים בינלאומיים עשויים להתקשות למצוא את גרסת האתר שלך המתאימה להם.
ישנן שתי דרכים עיקריות שבהן ניתן לבצע בינלאומי אתר:
שפה
אתרים הממוקדים לרמקולים של מספר שפות נחשבים לאתרים רב לשוניים. אתרים אלה צריכים להוסיף משהו שנקרא תג hreflang כדי להראות ל- Google שהדף שלך מכיל עותק לשפה אחרת. למידע נוסף על hreflang.
מדינה
אתרים הממוקדים לקהלים במספר מדינות נקראים אתרים רב-אזוריים ועליהם לבחור במבנה של כתובות אתרים שמקל על מיקוד הדומיין או הדפים שלהם למדינות ספציפיות. זה יכול לכלול שימוש בדומיין ברמה העליונה של קוד המדינה (ccTLD) כגון “.ca” עבור קנדה, או דומיין כללי ברמה העליונה (gTLD) עם תיקיית משנה ספציפית למדינה כגון “example.com/ca” עבור קנדה. למידע נוסף על כתובות אתרים ספציפיות למיקום.
שפות התכנות HTML,CSS,JAVA SCRIPT חשובות לקידום אתרים אורגני בגוגל
לכל הפחות צריך להצטייד בידע בסיסי בכדי לפתור בעיות.
עסוק? עמוס בעבודה? תן למומחה לעשות בשבילך את עבודת הנמלים ולחשוף את אתרך אל לקוחות חדש…
נעים מאוד אני איתמר אביסריס – חי ונושם את תחום השיווק דיגיטלי בעשור האחרון ומאוד אוהב את מה שאני עושה,תמיד אהבתי ללמוד ולחקור וזה מה שעושה אותי מאושר. בעיניי קידום אתרים ללקוחות זו שליחות של ממש ובעבודה אין דבר שיותר משמח אותי מלשמוע התרגשות של לקוח מהצד השני של הקו אחרי שהוא מבין את המשמעות המדהימה של להיות בדף הראשון…אז אם השאיפה שלך זה לקדם את עצמך בין בקידום ממומן או בין בקידום אורגני בגוגל ולקבל חשיפה דיגיטלית מקסימלית – הגעת למקום הנכון.
קידום-אורגני | קידום אורגני seo: קידום שקובע מי ראשון בתוצאות-OrganicTop Seo |
קידום-אתרים-אורגני | קידום אתרים אורגני: תקדיש לנו דקה ניקח אותך למקום ה-1 SeoTop |
קידום-אורגני-בגוגל | קידום אורגני בגוגל: נטפס יחדיו לפסגה למקום ה-1-OrganicTop |
קידום-אורגני-בגוגל | קידום אתרים אורגני בגוגל: נטפס ביחד לפסגה למקום ה-1 OrganicTop |
קידום-אורגני | קידום אורגני seo: איתנו תגיע למקום הראשון בתוצאות-SeoTop OrganicTop |
קידום-אורגני | מה זה קידום אורגני: קידום שקובע מי מספר 1 בתוצאות-SeoTop OrganicTop |
קידום-אורגני-בגוגל | איך עושים קידום אורגני בגוגל: טפסו איתנו למקום ה-1 SeoTop OrganicTop |
קידום-אורגני-לאתר-וויקס | קידום אורגני לאתר וויקס זה אנחנו-SeoTop OrganicTop |
כמה-עולה-קידום-אורגני | כמה עולה קידום אורגני: הרבה פחות מלעקוף את כולם?-SeoTop OrganicTop |
קידום-אורגני-בגוגל-מחיר | קידום אורגני בגוגל מחיר:עולה פחות מלעקוף את כולם-SeoTop OrganicTop |
פרסום-בגוגל | פרסום בגוגל: איתנו תגיע מהר למטרה להיות מספר 1-SeoTop OrganicTop |
פרסום-עסקים-בגוגל | פרסום עסקים בגוגל: שיחת יעוץ והכוונה בחינם לא תתקשר?-SeoTop OrganicTop |
פרסום-מממון-בגוגל | פרסום ממומן בגוגל מחירים: מחיר מנצח ושירות V.I.P זה אנחנו-SeoTop OrganicTop |
פרסום-בגוגל-מחירים | פרסום בגוגל מחירים: מחיר מנצח ושירות V.I.P זה אנחנו- OrganicTopSeoTop |
פרסום-בגוגל-אדוורדס | פרסום בגוגל אדוורדס עושים עם מומחים ומנצלים כל תקציב-SeoTop OrganicTop |
פרסום-אתרים-בגוגל | פרסום אתרים בגוגל: איתנו תכבוש את הפסגה בדף הראשון-SeoTop OrganicTop |
פרסום-בגוגל-מחיר | פרסום בגוגל מחיר: בוא לקבל מחיר מנצח ושירות אליפות-SeoTop OrganicTop |
כמה-עולה-פרסום-בגוגל | כמה עולה פרסום בגוגל:הרבה פחות מלקטוף את המקום הראשון-SeoTop OrganicTop |
מומחה-פרסום-בגוגל | מומחה פרסום בגוגל: איתנו תגיע לדף הראשון בתוצאות-SeoTop OrganicTop |
פרסום-דף-נחיתה-בגוגל | פרסום דף נחיתה בגוגל: רוצים להיות מקום ראשון?-SeoTop OrganicTop |
מה-זה-פרסום-בגוגל | מה זה פרסום בגוגל: היכולת להגיע למקום הראשון בזמן הקצר-SeoTop |
קידום-אתרים | קידום אתרים: רוצה אתר של מנצחים?תבחר בצוות מנצח-SeoTop OrganicTop |
קידום-אתרים -בגוגל | קידום אתרים בגוגל: רוצה להיות בצד המנצח איתנו תגיע ליעד!!!-SeoTop |
קידום-אתרים-seo | קידום אתרים seo: עולם של יצירתיות ורעיונות מדהימים-SeoTop |
חברת-קידום-אתרים | חברת קידום אתרים: קידום מקצועי ויסודי מהמובילים בארץ!-SeoTop |
קידום-ובניית-אתרים | קידום ובניית אתרים: בוא לפרוץ איתנו למקום הראשון-SeoTop |
יועץ-קידום -אתרים | יועץ קידום אתרים:איתנו תגיע למטרה בזמן קצר!-SeoTop |
מומחה-קידום-אתרים | מומחה קידום אתרים:נסיון של שנים וצוות מקצועי זה אנחנו-SeoTop |
קידום-אתרים | קידום אתרים באינטרנט:זו המומחיות שלנו ביחד נגיע לפסגה-SeoTop |
קידום-אתרים-מחיר | קידום אתרים מחיר:מקצעיות זה שם המשחק ביחד נוביל אותך לפסגה-SeoTop |
שירותי-קידום-אתרים | שירותי קידום אתרים: שירות מקצועי שמשאיר אבק למתחרים-SeoTop |
קידום-אתרים-ממומן | קידום אתרים ממומן: פרסום ממומן (PPC) שקוטף הצלחה-SeoTop |
קידום-אתרים-מקצועי | קידום אתרים מקצועי: ההצלחה של העסק שלך בידיים שלינו-SeoTop |
שיווק-דיגיטלי | שיווק דיגיטלי: הרצון לפעול בגדול זה כל הסיפור- Organic Top seo |
סוכנות-שיווק-דיגיטלי | סוכנות שיווק דיגיטלי: שיטה מהפכנית שתוביל אותך לטופ-SeoTop |
שיווק-דיגיטלי-לעסקים | שיווק דיגיטלי לעסקים: העסק שלך בידיים טובות להצלחה-SeoTop |
מה-זה- שיווק-דיגיטלי | מה זה שיווק דיגיטלי: היכולת שלנו לשווק אותך למקום הראשון-SeoTop |
שיווק-ופרסום-דיגיטלי | שיווק ופרסום דיגיטלי:זו המומחיות שלנו,זה ההצלחה שלך-SeoTop |
