seo טכני - קידום אתרים טכנולוגי | seo-up

קידום אתרים טכני / SEO טכני

מה שחשוב לדעת על seo טכני

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

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

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

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

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

  • כיצד אתרים עובדים
  • כיצד מנועי חיפוש מבינים אתרים
  • כיצד משתמשים מתקשרים עם אתרים

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

נתחיל מבראשית – קידום טכני – כיצד אתרים עובדים

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

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

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

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

לפני שניתן לגשת לאתר, הוא צריך להיות מוגדר – כלומר צריך לרכוש שם דומיין. שמות דומיין כמו seo-up.co.il  נרכשים מרשם שמות דומיין כמו דומיין דה נט / LiveDNS וספקי דומיינים שונים.. שם הדומיין מקושר לכתובת IP האינטרנט לא מבין שמות דומיין ככתובות אתרים ללא עזרת שרתי שמות דומיין (DNS) . האינטרנט משתמש בסדרת מספרים הנקראת כתובת פרוטוקול אינטרנט (ip) לדוגמה: אבל אנחנו רוצים להשתמש בשמות כמו seo-up.co.il   כי הם קלים יותר לזכירה עבור בני אדם.

אנו צריכים להשתמש ב-DNS כדי לקשר את השמות הקריאים לאדם עם המספרים הקריאים למכונה.

כיצד אתר אינטרנט מגיע משרת לדפדפן המשתמש מבקש דומיין –

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

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

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

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

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

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

seo טכני - קידום אתרים טכני | seo-up

seo טכני – קידום אתרים טכני | seo-up

שלושת הנפוצים ביותר הם –

HTML – מה האתר אומר –

HTML  מייצג Hypertext Markup Language, ומשמש כעמוד השדרה של אתר אינטרנט. אלמנטים כמו כותרות, פסקאות, רשימות ותוכן מוגדרים כולם ב Html

CSS – איך האתר נראה –

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

JavaScript –

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

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

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

מנועי חיפוש אינם רואים מה שנמצא ב-JavaScript עד שהוא מבוצע, וזה אומר שבוטים (קרולרים) של מנועי חיפוש לא יראו מה יש ב- JavaScript  שלך – לפחות לא בהתחלה.

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

למרבה המזל, יש דרך לבדוק אם גוגל רואה את אותו הדבר שהמבקרים שלך רואים. כדי לראות דף כמו ש-Googlebot רואה אותו, השתמש בכלי "בדיקת כתובת URL של Google Search Console״  פשוט הדבק את כתובת ה-URL של הדף שלך בסרגל החיפוש של GSC – כאשר אתה כאן, לחץ על "בדיקת כתובת URL חיה".

לאחר ש-Googlebot סרק מחדש את כתובת ה-URL שלך, לחץ על "צפה בדף שנבדק" כדי לראות כיצד הדף שלך נסרק ומרונדר.

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

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

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

כיצד מנועי חיפוש מבינים אתרים

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

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

JSON-LD הוא הסימון המועדף על גוגל (הוכרז במאי 2016), שגם בינג תומך בו. כדי לצפות ברשימה מלאה של אלפי הסוגים השונים של סכמה, בקר ב-Schema.org או צפה בהקדמה של Google Developers  לנתונים מובנים למידע נוסף על יישום נתונים מובנים. לאחר שתיישם את הנתונים המובנים שמתאימים ביותר לדפי האינטרנט שלך, תוכל לבדוק את הסימון שלך באמצעות כלי בדיקת הנתונים המובנים של גוגל.

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

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

כמה עצות אחרונות להצלחה עם סכמה:

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

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

קנוניזציה נכונה מבטיחה שלכל פיסת תוכן ייחודית באתר שלך יש רק כתובת URL אחת. כדי למנוע ממנועי חיפוש לאנדקס גרסאות מרובות של דף אחד, גוגל ממליצה לכלול תגית קנוניקלית עצמית על כל דף באתר שלך. ללא תגית קנוניקלית שאומרת לגוגל איזו גרסה של דף האינטרנט שלך היא המועדפת.    https://www.seo-up.co.il  עשוי להתאנדקס בנפרד מ-https://seo-up.co.il, יצירת כפולות.

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

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

: example.com/mens-shirts?sort=price_ascendingהוסף אפשרויות מיון/סינון נוספות כמו צבע, גודל, חומר, מותג, וכו' ותחשוב על כל הווריאציות של דף קטגוריית המוצרים הראשי שלך שזה ייצור!

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

כיצד משתמשים מתקשרים עם אתרים

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

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

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

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

AMP

AMPמייצג Accelerated Mobile Pages, ומשמש לספק תוכן למבקרים ניידים במהירויות גדולות בהרבה מאשר עם משלוח שאינו AMP. AMP מסוגל לספק תוכן כל כך מהר כי הוא מספק תוכן מהשרתים המאוחסנים שלו (לא מהאתר המקורי) ומשתמש בגרסה מיוחדת של HTML ו-JavaScript של AMP.

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

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

שיפור מהירות הדף

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

כלי PageSpeed Insights של גוגל ותיעוד של שיטות עבודה מומלצות כיצד לחשוב על כלי מהירות GTMetrix  כלי בדיקת מהירות וביצועי אתרי נייד של גוגל Google Lighthouse Chrome DevTools & Tutorial  תמונות הן אחת מהגורמים העיקריים לדפים איטיים.

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

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

תכונת SRCSET –

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

טעינה עצלה (lazy loading) –

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

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

שיפור מהירות הדף על ידי דחיסה ושילוב של הקבצים שלך

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

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

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

שיפור החוויה עבור קהל בינלאומי

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

ישנן שתי דרכים עיקריות שבהן אתר יכול להיות מותאם בינלאומית:

  • שפה – אתרים שמיועדים לדוברי שפות מרובות נחשבים לאתרים רב-לשוניים, אתרים אלו צריכים להוסיף תגית hreflang כדי להראות לגוגל שדף שלך מכיל תוכן בשפה נוספת.
  • אתרים שמיועדים לקהל ממדינות מרובות נקראים אתרים רב-אזוריים והם צריכים לבחור מבנה URL שמקל על מיקוד הדומיין או הדפים למדינות ספציפיות. זה יכול לכלול שימוש בדומיין ברמת קוד מדינה כמו “.ca” עבור קנדה, או דומיין ברמה כללית עם תיקיית משנה ספציפית למדינה כמו “example.com/ca” עבור קנדה. למידע נוסף על URLים מקומיים.