שימוש ב- Chrome DevTools לפתרון בעיות - הנחיות של Semalt



Chrome DevTools אינו דבר זר למרבית אנשי המקצוע בתחום SEO. לעומת זאת ללקוחות Ñ זה יכול להיות אחד מאותם דברים שעדיין תלמד. ובכן, ב- Semalt, חלק מהתהליך שלנו לשרת את צרכי ה- SEO של הלקוח שלנו מסתמך על הדרך שלנו לחנך אותך על היבטים הכרחיים של מה שהאתר שלך זקוק לו.

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

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

מה זה Chrome DevTools?

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

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

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

להלן שלושה מצבים שבהם Chrome DevTools לא יהיה רעיון רע:

הגדרת DevTools של Chrome לפתרון בעיות

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

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

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

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

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

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

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

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

החלפת סוכן המשתמש ב- DevTools

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

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

איך אתה יכול להחליף את סוכן המשתמש שלך ב- DevTools של Chrome?

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

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

שימוש ב- Chrom DevTool למקרה של אתר חלופי לנייד

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

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

שימוש ב- Chrome DevTools בזיהוי הגנת שרתים יתר על המידה

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

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

על ידי שימוש בתכונה למתג User-Agent, אנו יכולים לראות שהאתר מגיש הודעה זו ברגע שהגדרנו את User-Agent ל- Googlebot Smartphone.

אבחון חיוני הליבה ברשת ב- DevTools

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

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

כשמשתמשים בכרטיסיית הביצועים ב- DevTools, אנו מתקדמים צעד נוסף להבנת טוב יותר בהבנת מדדי רשת חשובים.

בדוק פעמיים את כותרות ה- HTTP שלך ובדוק את הקוד שאינו בשימוש

האם אי פעם שמעת על 404s רכים בביקורות SEO שלך? ובכן, 404 רכים הם כאשר הדפדפן עשוי להציג דף 404, אך הם מחזירים קוד תגובה 200 בסדר.
במקרים מסוימים, התוכן עשוי להיטען בדיוק כמצופה בדפדפן; עם זאת, קוד תגובת HTTP עשוי להציג שגיאה 404 או 302. בדרך כלל זה יכול להיות שגוי או לא מה שציפיתם. כך או כך, מועיל לראות את קוד תגובת HTTP עבור כל דף ומשאב.

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

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

סיכום

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

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


mass gmail