עכשיו אתה יכול לסמוך על גוגל כדי לזחול אתרי AJAX?

סיכום:

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

נקודות מפתח:

1. מעצבי אינטרנט ומהנדסים מעדיפים להשתמש ב- Ajax לבניית יישומים של עמוד בודד (SPA) עם מסגרות כמו Angular ו- React.
2. AJAX מאפשרת יישומי אינטרנט חלקים ואינטראקטיביים המבצעים כמו יישומי שולחן עבודה.
3. בספא, תוכן ה- HTML אינו נטען בתחילה לדפדפן. במקום זאת, Ajax משתמש ב- JavaScript כדי לתקשר באופן דינמי עם שרת האינטרנט ולהעביר את ה- HTML.
4. גוגל הצליחה לזחול כמה תוכן JavaScript, אך SEO עבור אתרי AJAX ספא טהורים הציב אתגרים.
5. בשנת 2009, גוגל הציגה את הפיתרון של Ajax זחילה, שכלל שימוש בכתובות כתובות כתובות “שבר נמלט” או בתגיות מטא כדי להורות לגוגל להביא גרסה שהועברה מראש של הדף עם ה- HTML המלא.
6. למרות היכולת של גוגל לזחול JavaScript, אתרים רבים שאיפשרו לגוגל לזחול אתרי הספא שלהם באייג’קס חוו הצלחה מוגבלת.
7. חלק מהאתרים אפילו ראו ירידה משמעותית בתנועה אורגנית לאחר המעבר ליישום AJAX.
8. ב- 14 באוקטובר, גוגל הודיעה כי הם כבר לא ממליצים על הצעת הזחילה הישנה שלהם באייג’קס, אך הם עדיין תומכים בכך.
9. ישנה תפיסה שגויה שגוגל יכולה כעת לזחול אתרי AJAX ללא בעיה, אך חשוב לציין כי הם מציינים שהם “בדרך כלל מסוגלים” להעביר ולהבין דפי אינטרנט כמו דפדפנים מודרניים.
10. חשוב לקחת בחשבון את השפה המשמשת את גוגל ולא להסתמך אך ורק על ההנחה שהם יכולים להבין היטב את דפי Ajax.

שאלות:

1. האם גוגל יכולה לאינדקס בהצלחה אתרי AJAX?
2. מה המטרה להשתמש ב- Ajax בעיצוב אתרים?
3. מה קורה כאשר טוען ספא בהתחלה?
4. באילו אתגרים יש אתרי אייאקס העומדים באופן היסטורי ביחס ל- SEO?
5. מה היו השיטות שהציעה גוגל בשנת 2009 כדי להפוך את Ajax לזחול?
6. האם איפשר לגוגל לזחול אתרי AJAX לגרום לאינדקס מוצלח עבור אתרים רבים?
7. איזו השפעה שלילית ניצלה כמה אתרים לאחר יישום AJAX?
8. על מה הודיעה גוגל ב -14 באוקטובר בנוגע להמלצת הזחילה שלהם ב- AJAX?
9. האם מדויק להאמין שגוגל יכולה כעת לזחול אתרי AJAX ביעילות?
10. מדוע חשוב לקחת בחשבון את שפת גוגל בהכרזתם?
11. האם אתה יכול לסמוך על גוגל שתבין ותזחל את אתר ה- AJAX שלך באופן מלא?
12. כיצד מעצבי אינטרנט ומהנדסים משתמשים ב- AJAX בבניית יישומי אינטרנט?
13. מה תפקידו של JavaScript בתהליך העיבוד של אתר AJAX?
14. מדוע אתרים מסוימים פנו לתמונות HTML שהועברו מראש כפתרון?
15. איזו תפיסה שגויה קיימת ביכולתה של גוגל לזחול אתרי אייאקס?

תשובות:

1. גוגל יכולה לזחול אתרי AJAX, אך ההצלחה של אינדקס משתנה ולא מובטחת.
2. AJAX משמשת בעיצוב אתרים לבניית יישומים של עמוד בודד (SPA) המספקים חווית משתמש חלקה ואינטראקטיבית הדומה ליישומי שולחן עבודה ייעודיים.
3. כאשר נטען ספא בהתחלה, תוכן ה- HTML אינו מביא ומוצג. במקום זאת, הדפדפן מסתמך על JavaScript כדי לתקשר עם השרת ולהעביר באופן דינמי את ה- HTML.
4. מבחינה היסטורית, אתרי אייאקס התמודדו עם אתגרים עם SEO מכיוון שהיכולת של גוגל לזחול תוכן JavaScript הייתה מוגבלת. זה הוביל לקשיים באינדקס ובדפי הדירוג ביעילות.
5. בשנת 2009, גוגל הציעה שתי שיטות כדי להפוך את Ajax לזחול. אחד הכרוך בשימוש בכתובות כתובות “שבר נמלט”, שהביאו לכתובות כתובות כתובות מכוערות. השיטה האחרת נעשה שימוש ב Meta = “שבר” תייג בדף כדי להורות לגוגל להביא גרסה שהועברה מראש עם HTML מלא.
6. מתן אפשרות לגוגל לזחול אתרי AJAX לא תמיד הביאה לאינדקס מוצלח עבור אתרים רבים. בחלק מהאתרים ראו רק חלק מהדפים שלהם הועברו ואינדקסים לחלוטין, בעוד שאחרים חוו ירידה משמעותית בתנועה אורגנית.
7. לאחר יישום AJAX, אתרים מסוימים ראו השפעה שלילית על התנועה האורגנית שלהם ונאלצו להתאושש מהירידה במבקרים.
8. ב -14 באוקטובר, גוגל הודיעה כי הם כבר לא ממליצים על הצעת הזחילה הישנה שלהם ב- AJAX, אך הם ממשיכים לתמוך בזה. המשמעות היא שהם לא מציעים באופן פעיל את השימוש בו אך עדיין מכירים בפונקציונליות שלה.
9. לא מדויק להניח שגוגל יכולה כעת לזחול אתרי AJAX באופן יעיל ללא בעיות. בעוד שהם קובעים שהם “בדרך כלל מסוגלים” להעביר ולהבין דפי אינטרנט כמו דפדפנים מודרניים, חיוני לקחת בחשבון את השפה המשמשת ולא להסתמך אך ורק על הצהרה זו.
10. חשוב לקחת בחשבון את שפתו של גוגל בהודעתם מכיוון שהם אינם מספקים ערבות לאינדקס חלק לאתרי AJAX. הביטוי “מסוגל בדרך כלל” מרמז על פוטנציאל המגבלות והאתגרים בהבנה מלאה וזוחלת בדפי אייאקס.
11. לסמוך על גוגל שתבין ותזחל את אתר AJAX אינו מומלץ ללא בדיקה נוספת ומעקב אחר. ההצלחה של אינדקס יכולה להשתנות, וחיוני לשקול פתרונות אלטרנטיביים כמו תצלומי HTML לפני הצגת HTML.
12. מעצבי אינטרנט ומהנדסים משתמשים ב- AJAX כדי לבנות ספא ​​עם מסגרות כמו Angular ו- React, ומאפשרות פיתוח יישומי אינטרנט המציעים חווית משתמש אינטראקטיבית וחלקה הדומה ליישומי שולחן עבודה ייעודיים.
13. JavaScript ממלא תפקיד משמעותי בתהליך העיבוד של אתר AJAX. זה מתקשר באופן דינמי עם שרת האינטרנט כדי ליצור ולהפוך את תוכן ה- HTML למשתמש לקיים אינטראקציה עם.
14. אתרי אינטרנט נקטו בתצלומי תצלום של HTML מראש כפתרון מכיוון שמסגרות AJAX, כמו Angular, עדיין אינן תומכות בציון בצד השרת. טעינה מראש מאפשרת יצירת תמונות HTML המוגשות למנועי חיפוש, ומבטיחים אינדקס ונראות מלאים.
15. ישנה תפיסה שגויה שהיכולת של גוגל לזחול אתרי AJAX היא כעת ללא רבב. עם זאת, חשוב לציין כי יכולתם להבין ולזחול תוכן JavaScript השתפרו, אך עדיין יתכן כי אתגרים ומגבלות.

עכשיו אתה יכול לסמוך על גוגל כדי לזחול אתרי AJAX

ואז, ב- 14 באוקטובר, גוגל אמרה זאת:

האם גוגל זוחל תוכן AJAX? [סָגוּר]

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

סגור לפני 7 שנים .

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

עכשיו אתה יכול לסמוך על גוגל כדי לזחול אתרי AJAX?

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

מארק מונרו ב -13 בנובמבר 2015 בשעה 9:18 בבוקר | זמן קריאה: 7 דקות

מעצבי אינטרנט ומהנדסים אוהבים את Ajax לבניית יישומי עמוד בודד (SPA) עם מסגרות פופולריות כמו Angular ו- React. יישומי AJAX טהורים יכולים לספק יישום אינטרנט חלק ואינטראקטיבי שמופיע יותר כמו יישום שולחן עבודה ייעודי.

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

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

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

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

עם המילה שגוגל זוחלת את JavaScript, אתרים רבים החליטו לאפשר לגוגל לזחול את אתרי הספא שלהם AJAX. באופן כללי, זה לא הצליח במיוחד. בשנה האחרונה התייעצתי עם כמה אתרי אינטרנט עם יישום Ajax Angular. לגוגל הייתה הצלחה מסוימת, וכ- 30 אחוז מהדפים בגוגל’מטמון S הוענק במלואו. 70 האחוזים האחרים היו ריקים.

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

ואז, ב- 14 באוקטובר, גוגל אמרה זאת:

אנחנו כבר לא ממליצים על הצעת הזחילה של אייאקס שהגענו בשנת 2009.

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

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

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

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

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

היא השיבה, “אבל למה? כל מה שקראתי אומר לי שגוגל יכולה לזחול AJAX.”

הם יכולים? לתת’תסתכל עמוק יותר על ההמלצה החדשה ביחס ל- AJAX.

גוגל’המלצות AJAX חדשות

בהסבר מדוע הם מבטלים את ההמלצה הישנה, ​​הם אומרים (הדגשת שלי):

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

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

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

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

הם לא מתעסקים’לא מפרט את זה בהודעתם, אך על ידי המלצה על שיפור מתקדם (המעמיס קצת HTML לדפדפנים שלא עושים זאת’לא תומך ב- JavaScript), נראה שהם אומרים באופן מרומז, “דוֹן’לא לספור שאנחנו זוחלים את ה- JavaScript שלך.” מדוע להמליץ ​​על שיטה זו אם אכן גוגל יכולה לזחול באופן עקבי אתרי AJAX ספא?

דאגתי שאולי אני מנתח יתר על המידה את גוגל’המילים, אבל אז ..

ג’ון מולר מאשר את גוגל עדיין מתקשה עם אייאקס

ב- 27 באוקטובר (פחות משבועיים לאחר ההכרזה של גוגל), ג’ון מולר, ב- Hangout Central Webmaster שלו, אישר כי גוגל אכן יש עדיין בעיות עם Ajax.

אתה יכול להציג את ההחלפה בסביבות השעה 1:08:00 לסרטון, שם הייתה שאלה הנוגעת ליישום זוויתי ספציפי:

הם עדיין מתקשים בעיבוד, והם מצפים להשתפר עם הזמן. ג’ון ממליץ על כמה פעולות שיעזרו לאגים בבעיות.

בסופו של דבר, הוא המליץ ​​להשתמש בתמונות HTML עד שגוגל תשתפר ב- AJAX (כן, השיטה שהייתה פשוט הושלמה רשמית).

אז מה לעשות?

• שיפור מתקדם. עיבוד בצד השרת יידרש לשיפור מתקדם, והוא עדיין לא נתמך על ידי זווית. עם זאת, Angular 2 הקרוב.0 יתמוך בעיבוד בצד השרת. React, למעשה, תומך בביצוע בצד השרת היום. עם זאת, זו עבודה רבה יותר מאשר פשוט יצירת תמונות HTML. עליך לוודא שאתה מציין קישורים נדרשים כדי שגוגל תוכל לזחול ולאינדקס תוכן נוסף שנטען בדף. אף על פי כן, עבור אתרים המשתמשים במסגרת AJAX, זו תהיה הגישה המומלצת שלי. (וכמובן, מדובר בגוגל’גישה מומלצת.)
• תצלומי תצלום של HTML מראש. שוב, דון’לא תתבלבל אם שמעת או קראת שגוגל כבר לא תומך בשיטה זו. הם ימשיכו לתמוך בזה בעתיד הנראה לעין. הם פשוט כבר לא ממליצים על זה. שיטה זו עובדת; עם זאת, כתיבת הקוד לרישום מראש ולהגיש את התמונות איננה טריוויאלית אינה טריוויאלית. החדשות הטובות הן שיש כמה ספקים בחוץ כמו פררנדר.io מי יעשה את העבודה בשבילך בעלות נמוכה יחסית. זו כנראה הגישה הפשוטה ביותר. שיטה זו אינה אידיאלית. הגשת קוד מקור שונה לסורקים לעומת. דפדפנים (HTML VS. JavaScript) יכול להיות בעייתי. זה יכול להיחשב לטכניקת הסוואה, ולא בהכרח ברור מה המגישים הבוטים. זה’חשוב לפקח על גוגל’מטמון כדי לוודא שהם לא מקבלים את הדף הלא נכון. עם זאת, אם אתה משתמש בפלטפורמה שאינה תומכת בעיבוד בצד השרת, זה עשוי להיות הפיתרון היחיד שלך.

טוב יותר בטוח מאשר להצטער

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

מה יקרה לאתרים עם מאות אלפי או מיליוני עמודים? איך זה ישפיע על תקציב הזחילה? האם קצב הזחילה יישאר עקבי?

לפני שממליץ על גישה זו, אני’D מעדיף לחכות ולראות הוכחות חזקות שגוגל יכולה ועושה זוחלת בעקביות יישומי עמוד יחיד של AJAX, ללא השפעה שלילית על קצב הסריקה, אינדקס ודירוג. אנא שתף ​​את החוויות שלך.

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

כיצד JavaScript ו- Ajax משפיעים על האינדקס בגוגל?

עם הזמן, גוגל שיפרה מאוד את שלה אינדקס של JavaScript ו- Ajax. בהתחלה זה לא’t אינדקס כל דבר, או עקב אחר קישורים המופיעים בתוכן שנעמוד דרך מסגרות אלה. אבל אז, לאט לאט, זה החל לאינדקס כמה יישומים ולשפר את יכולותיה. בימינו זה יכול לאינדקס יישומים רבים ושונים, ולעקוב אחר קישורים טעונים AJAX אוֹ API להביא. על כל פנים, עדיין יהיו מקרים שבהם זה עלול שלא לעשות זאת.

כדי לנתח מקרים בהם גוגל יכולה בסופו של דבר לא לאינדקס את האתר שלנו, ראשית עלינו להבין את הרעיון של עיבוד צד לקוח (CSR). זה מרמז על זה ה- HTML צבוע בצד הלקוח עם JavaScript, בדרך כלל באמצעות AJAX עודף. במקור, אתרים תמיד ציירו את הצד השרת HTML (עיבוד צד שרת או SSR), אבל במשך זמן מה עכשיו, CSR הפך פופולרי, עם הגעת מסגרות JavaScript כמו Angular, React ו- Vue. למרות זאת, CSR משפיע לרעה על האינדקס, ביצועי עיבוד אתרים, וכתוצאה מכך, SEO.

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

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

בעיות CSR במהלך העומס הראשוני של דף

ראשית, אנו הולכים לנתח בעיות אינדקס שמתרחשות ברגע שנכנס לכתובת כתובת אתר מחוץ לאתר, וכאשר ה- HTML מוצג בצד הלקוח עם JavaScript.

סוגיות כתוצאה מעיבוד איטי

גוגל’תהליך אינדקס עובר את הצעדים הבאים:

1. בִּזְחִילָה: GoogleBot מבקש כתובת אתר לשרת.
2. גל אינדקס ראשון: זה מדד תוכן שצויר בשרת באופן מיידי ומקבל קישורים חדשים לזחילה.
3. זה מייצר את הצד הלקוח הצבוע ב- HTML על ידי הפעלת JavaScript. תהליך זה יקר חישובי (ניתן לעשות זאת ברגע, או לקחת מספר ימים, אפילו, מחכה לקבל את המשאבים הדרושים לביצוע זה).
4. גל אינדקס שני: עם הצד הלקוח הצבוע ב- HTML, התוכן שנותר אינדקס, וקישורים חדשים שיש לזחול מתקבלים.

מלבד העובדה דפים עשויים לקחת זמן רב יותר לאינדקס במלואו, ובכך לעכב את האינדקס של הדפים הבאים המקושרים מהם, אם עיבוד הדף איטי, GoogleBot’מעבד יכול להשאיר חלקים לא צבועים. אָנוּ’ve בדק זאת באמצעות האפשרות של “להביא את גוגל” מסופק על ידי קונסולת החיפוש של גוגל, ותצלום המסך שהוא מייצר לא’לא לצבוע כל דבר שלוקח יותר מחמש שניות להראות. עם זאת, זה אכן מייצר את ה- HTML שנמשך זמן רב יותר מאלו 5 שניות. כדי להבין מדוע זה קורה, עלינו לזכור את זה קונסולת החיפוש של גוגל’S renderer בונה תחילה את ה- HTML המריץ את ה- JavaScript עם GoogleBot’s מעבד ואז מצייר את הדף’S פיקסלים. המשימה הראשונה היא זו שצריך לקחת בחשבון לאינדקס, אליו אנו מתייחסים למונח CSR. במסוף החיפוש של גוגל אנו יכולים לראות את ה- HTML שנוצר במהלך גל האינדקס הראשון, ולא את זה שנוצר על ידי GoogleBot’s מעבד.

במסוף החיפוש של גוגל איננו יכולים לראות את ה- HTML שצויר על ידי ה- JavaScript, המנוהל על ידי GoogleBot �� ושימש בשלב האינדקס האחרון. לשם כך עלינו להשתמש בכלי זה: https: // חיפוש.גוגל.com/מבחן/ידידותי לנייד �� לחץ לצוץ

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

1. Html מוריד ומעובד לבקש קבצים מקושרים וליצור DOM.
2. CSS מוריד ומעובד, לבקש קבצים מקושרים וליצור CSSOM.
3. JavaScript מוריד, מורכב ופועל, כדי להפעיל את בקשות AJAX (ים).
4. בקשת AJAX מועברת לתור בקשה, מחכה להגיב, יחד עם קבצים אחרים המבוקשים.
5. בקשת AJAX מושק, והוא צריך לנסוע דרך הרשת לשרת.
6. השרת מגיב לבקשות דרך הרשת ולבסוף, עלינו לחכות ש- JavaScript יפעל, על מנת לצבוע את תוכן הדף’S HTML תבנית.

זמני הבקשה וההורדה של התהליך שתיארנו זה עתה תלויים ברשת ובעומס השרתים במהלך אותה תקופה. יתר על כך, GoogleBot משתמש רק ב- HTTP/1.1, וזה איטי יותר מ- HTTP/2, מכיוון שבקשות מטופלות בזה אחר זה, ולא בכולן בו זמנית. זה’יש צורך בכך שגם הלקוח וגם השרת מאפשרים להשתמש ב- HTTP/2, וזו הסיבה GoogleBot ישתמש רק ב- HTTP/1.1, גם אם השרת שלנו מאפשר HTTP/2. לסיכום, פירוש הדבר שגוגל בוט מחכה לכל בקשה שתסתיים על מנת להפעיל את הבא, והיא’אפשרי שזה ניצח’לא לנסות להקביל בקשות מסוימות על ידי פתיחת חיבורים שונים, כמו שעושים דפדפנים (אם כי אנו לא’לא יודע בדיוק איך זה עושה את זה). לכן אנו נמצאים במצב בו נוכל לחרוג מ -19 השניות הללו שהערכנו קודם לכן.

דמיין, למשל, שעם תמונות, CSS, JavaScript ו- AJAX בקשות, משגרות למעלה מ -200 בקשות, כל אחת מהן לוקח 100 ms. אם בקשות AJAX נשלחות לחלק האחורי של התור, אנו’כנראה חורגים מהזמן הנדרש לתוכן שלהם לאינדקס.

מצד שני, בגלל בעיות ביצועים אלה של CSR, נקבל סימן גרוע יותר עבור מדד ה- FCP (הצבע הראשון בתוכן) ב- Peapspeed מבחינת העיבוד וה- WPO שלו, וכתוצאה מכך, דירוג גרוע יותר.

בעיות אינדקס:

בעת אינדקס של תוכן צבוע בצד הלקוח, GoogleBot יכול להיתקל בבעיות הבאות, אשר ימנעו אינדקס של HTML שנוצר על ידי JavaScript:

• הם משתמשים א גרסת JavaScript הסורק לא’לא לזהות.
• הם משתמשים א JavaScript API לא מוכר על ידי GoogleBot (נכון לעכשיו, אנו יודעים ששקעי אינטרנט, WebGL, WebVR, IndexedDB ו- WebSQL אינם נתמכים – מידע נוסף בכתובת https: // מפתחים.גוגל.com/חיפוש/מסמכים/מדריכים/עיבוד).
• קבצי JavaScript נחסמים על ידי רובוטים.טקסט.
• קבצי JavaScript מוגשים באמצעות HTTP ואילו האתר משתמש ב- HTTPS.
• יש JavaScript שגיאות.
• אם הבקשה מבקשת הרשאת משתמש כדי לעשות משהו, ועל זה תלוי בביצוע התוכן העיקרי, הוא ניצח’לא לצבוע, מכיוון שגוגל בוט מכחיש כל רשות לכך’S מבוקש כברירת מחדל.

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

עלינו לזכור כי ב Html נוצר על ידי הכלי הקודם, הכל מטא נתונים (כולל כתובת האתר הקנונית) יתעלם על ידי GoogleBot, מכיוון שהוא לוקח בחשבון מידע רק כאשר הוא’s צבוע בשרת.

בעיות CSR ביחס לניווט לדף הבא

עכשיו, בואו’s תראה מה קורה כאשר אנו משתמשים בקישור כדי לנווט, ברגע שאנחנו’Re כבר באתר, ו- HTML צבוע בצד הלקוח.

בעיות אינדקס

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

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

יתר על כן, כדי שהאתר יהיה נגיש, כתובת האתר צריכה להשתנות באמצעות JavaScript עם היסטוריה API.

מה קורה עם השברים עכשיו כשגוגל יכולה לאינדקס את Ajax?

שברים הם חלק מכתובת אתר שיכולה להופיע בסוף, קדמה על ידי חשיש #. לדוגמה:

http: // www.HumanLevel.com/blog.דוגמה HTML#

סוג זה של כתובות אתרים לעולם לא מגיעים לשרת, הם מנוהלים בצד הלקוח בלבד. המשמעות היא שכאשר מבקשים את כתובת האתר לעיל לשרת, היא תקבל את הבקשה “http: // www.HumanLevel.com/blog.html”, ובלקוח, הדפדפן יגלול על שבר המסמך אליו מופנה. זהו השימוש הנפוץ והמכוון במקור עבור כתובות אתרים אלה, ידוע בדרך כלל עוגני HTML. ועוגן, במציאות, הוא כל קישור (ה “א” תג ב- HTML מגיע מ לְעַגֵן). עם זאת, בימים עברו, שברים שימשו גם לשינוי כתובות אתרים באמצעות JavaScript בדפים העמוסים ב- AJAX, בכוונה לאפשר למשתמש לנווט בהיסטוריה של הגלישה שלו. זה יושם כך, כי אז השבר היה החלק היחיד בכתובת האתר שיכולנו לשנות באמצעות JavaScript, וזו הסיבה שמפתחים ניצלו זאת על מנת להשתמש בהם באופן בו הם היו’לא מיועד. זה השתנה עם הגעת ה- API של ההיסטוריה, מכיוון שהוא איפשר לשנות את כתובת האתר כולה באמצעות JavaScript.

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

עם זאת, גוגל אכן מדד נכון את כתובות האתר עם hashbang (#!). ניתן ליישם זאת על ידי הוספת פשוט של סימן הקריאה או לִדפּוֹק, וגוגל תגרום לזה לעבוד, לשמור על תאימות לאחור עם מפרט מיושן כדי להפוך את Ajax ל- Indexable. עם זאת, נוהג זה אינו מומלץ, מכיוון שעכשיו יש ליישם אותו עם API להיסטוריה, וחוץ מזה, גוגל יכולה לפתע להפסיק לאינדקס של כתובות כתובות hashbang בכל עת.

חסימת האינדקס של התגובות החלקיות דרך אייאקס

מתי AJAX הבקשה נשלחת ל כתובות כתובות API של מנוחה או GraphQL, אָנוּ’חזר א JSON או חתיכת דף שאנחנו לא’לא רוצה אינדקס. לכן, עלינו חסום את האינדקס של כתובות האתר שאליהן מכוונות בקשות אלה.

עוד היום נוכל לחסום אותם באמצעות רובוטים.טקסט, אבל מאז GoogleBot’S מעבד התקיים, איננו יכולים לחסום כל משאב המשמש לצייר HTML.

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

יש גם אפשרות להוסיף את ה- HTTP “X-ROBOTS-TAG: NOINDEX” כותרת (הומצאה על ידי גוגל) לתגובות AJAX, או כדי לגרום לתגובות אלה להחזיר עם 404 או 410. אם אנו משתמשים בטכניקות אלה על תוכן טעון ישירות מה- HTML, הוא ניצח’זה לא צמוד לאינדקס, ממש כאילו חסמנו אותו דרך הרובוטים.קובץ txt. למרות זאת, בהתחשב בכך’זה ה- JavaScript מצייר את התגובה בדף, גוגל לא’לא לקבוע קשר בין תגובה זו לבין JavaScript שצייר את התוכן, אז זה עושה בדיוק את מה שאנחנו מצפים מזה. וזה: לא לאינדקס את התגובה החלקית ואינדקס באופן מלא את ה- HTML שנוצר. זהיר בכך, מכיוון שהתנהגות זו עשויה להשתנות יום אחד, וכך גם כל התוכן שלנו נטען דרך אייאקס אם אנו מיישמים טכניקה זו.

סיכום

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