5. Chrome Dev tool - عناصر بازرسي
گاهي اوقات تنها قصد داريد تا نگاهي سريع به اچ تي ام ال ارائه شده، هنگام چك كردن صفحه اي خاص بيندازيد. اين كار، معمولا با باز كردن ابزاري خاص يا كرال در وب سايت مورد نظر انجام مي شود. هنگامي كه از ابزار كروم استفاده مي كنيد ( كه گزينه هاي زيادي را نيز در اختيار شما قرار مي دهد)، به راحتي صفحه مورد نظر را مورد بررسي قرار دهيد و html ارائه شده را مشاهده كنيد. اين روش، يكي از سريع ترين راه ها براي مشاهده كد ارائه شده است.
6. افزونه كروم - مشاهده منبع رندرد يا ارائه شده
و در آخر، افزونه كروم، براي مشاهده منبع ارائه شده به شما اجازه مي‌دهد تا html استاتيك و رندرد را در كنار يكديگر مشاهده كنيد. اين ابزار يا افزونه سئو ، نه تنها به شما html ارائه شده و پايدار را نشان مي‌دهد، بلكه تفاوت هاي آن ها را نيز به صورت برجسته و هايلايت شده نشان مي دهد!
بنابراين، اگر خطايي به چشم تان مي خورد و مي خواهيد تفاوت هاي آن ها را براي بار ديگر چك كنيد، اين افزونه و مي‌تواند كمك بزرگي براي شما باشد. بنابراين پيشنهاد مي كنيم كه حتما آن را امتحان كنيد.
سخنان نهايي و روش ها
اطمينان حاصل كنيد كه اچ تي ام ال ارائه شده را بررسي مي كنيد تا مطمئن شويد كه محتواي اصلي شما به صورت دقيق در كد مورد نظر ارائه شده است. سعي كنيد در موقعيتي قرار نگيريد كه صفحه وب سايت در نسخه فعلي كروم عالي به نظر مي‌رسد، اما گوگل نمي تواند پس از عمليات رندرينگ، قطعات مهم محتواي شما را در دسكتاپ و موبايل مورد بررسي كند. دستورالعمل هاي مهم از طريق تگ متا بات را مورد بررسي قرار دهيد. اطمينان حاصل كنيد كه موارد عجيب در دستورات و كدهاي مورد نظر مشاهده نمي شود. اين كار مي تواند تأثير زيادي بر روي سايت شما از نظر سئو داشته باشد.
اطمينان حاصل كنيد كه علامت كانونيكال درست در html ارائه شده تنظيم شده باشد. همچنين مطمئن شويد كه اين علامت همچنان در كد وجود داشته باشد! بارها مشاهده مشاهده شده است كه اتفاقات كاملاً عجيب و غريبي براي قطعات كد در html ارائه شده رخ مي‌دهند.
داده هاي ساختاري را به طور دقيق بررسي كنيد تا مطمئن شويد كد رندر شده دقيق است و حاوي تمامي نشانه گذاري هاي لازم و ساير موارد است. داده هاي ساختاري سئو يكي از مواردي است كه به آساني قابل چشم پوشي و افراد معمولا آن را فراموش مي كنند.
نويگيشن يا ناوبري و پيوندهاي داخلي را بررسي كنيد تا مطمئن شويد لينك هاي خود را در قسمت html رنده‌شده قرار نمي دهيد. پيوندهاي داخلي سئو بسيار حائز اهميت است، زيرا آن ها روش و راهي براي گوگل مهيا مي‌كنند كه بتواند محتواي اضافه بر روي سايت شما را پيدا كند. آن ها همچنين پيش زمينه اي را براي گوگل در رابطه با محتوا و مواردي كه قرار است گوگل بر روي سايت و لينك شما پيدا كند مهيا مي‌كنند.
اگر هدف شما زبان ها و كشورهاي مختلف است، اطمينان حاصل كنيد كه hreflang tags سئو (با استفاده از تگ هاي hreflang ميتوانيد به گوگل بفهمانيد كه زبان وب سايت شما چيست ، با اين كار موتور هاي جستجوگر نتايج جستجوي كابران خود را بر اساس زبان و كشوري كه در آن قرار دارند اولويت بندي ميكند.به عنوان نمونه شما ميتوانيد به جاي x در hreflang=”x” زبان و كشور خود را معرفي كنيد.
اطمينان حاصل كنيد كه تصاوير موجود در html رنده شده را بازبيني مي كنيد؛ به خصوص اگر جستجوي تصوير براي شما اهميت زيادي دارد. كد تصوير سئو را براي بار دوم چك كنيد. همچنين آلت تكست، كد متن، عنوان و زيرنويس ها را نيز مورد بررسي قرار دهيد. به اين بسنده نكنيد كه صفحه خود را در آخرين نسخه كروم بررسي كنيد و فكر كنيد همه چيز مطابق ميل شما است. Html ارائه شده را در هر دو پلتفرم تلفن همراه و دسكتاپ بررسي كنيد.
خلاصه - همواره بيش از يك روش براي ارائه صفحه وجود دارد
پس از مطالعه اين پست، اميد است تا بتوانيد صفحات خود را با استفاده از ابزار گفته شده رندر كنيد. همان طور كه در قسمت هاي پيش نيز توضيح داديم، بسيار مهم است تا صفحات خود را تست كنيد تا اطمينان حاصل كنيد كه محتواي شما در html ارائه شده نمايش داده مي‌شود.
و در آخر، عناصر ديگري نيز وجود دارد كه براي چشم هاي غير مسلح قابل چشم پوشي است و بايد بررسي شوند. به عنوان مثال، تگ روبات هاي متا، داده هاي ساختاري، اطلاعات ساختاري،تگ هاي hreflang و موارد ديگر سئو . با استفاده از ابزارهاي گوگل و ابزارهاي شخص ثالث كه در انتهاي اين پست ذكر شد، مي توانيد توانايي‌هاي خود را رندرينگ جاوا اسكريپت مورد بررسي قرار دهيد و موارد مورد نياز را پوشش دهيد.