சரிசெய்தலுக்கு Chrome DevTools ஐப் பயன்படுத்துதல் - செமால்ட் கேட்கிறது



Chrome DevTools என்பது பெரும்பாலான எஸ்சிஓ நிபுணர்களுக்கு அந்நியமான ஒன்று அல்ல. Ñ ​​lients க்கு, மறுபுறம், நீங்கள் இன்னும் கற்றுக்கொள்ள வேண்டிய விஷயங்களில் இதுவும் ஒன்றாக இருக்கலாம். சரி, செமால்ட்டில், எங்கள் வாடிக்கையாளரின் எஸ்சிஓ தேவைகளுக்கு சேவை செய்வதற்கான எங்கள் செயல்முறையின் ஒரு பகுதி, உங்கள் வலைத்தளத்திற்கு என்ன தேவை என்பதற்கான தேவையான அம்சங்களைப் பற்றி உங்களுக்குக் கற்பிப்பதற்கான எங்கள் வழியை நம்பியுள்ளது.

எஸ்சிஓக்கான Chrome தேவ் கருவிகள் அதை சரிசெய்தலில் பயன்படுத்துவதால் முக்கியம். செமால்ட் மற்றும் எங்கள் வாடிக்கையாளர்களிடையே எளிதான தகவல்தொடர்புகளை இயக்க, உங்கள் வலைத்தளத்தில் எஸ்சிஓ சிக்கல்களை சரிசெய்ய இந்த கருவியை நாங்கள் எவ்வாறு பயன்படுத்துகிறோம் என்பதை உங்களுக்குக் காட்ட விரும்புகிறோம்.

Chrome தேவ் கருவிகள் மூலம், ஒரு வலைத்தளத்தின் கிராலபில்டி முதல் அதன் செயல்திறன் வரையிலான அடிப்படை எஸ்சிஓ சிக்கல்களைக் கண்டறியலாம். இந்த கட்டுரையில், எங்கள் வாடிக்கையாளர்களுக்கு சிறப்பாக சேவை செய்ய இந்த கருவிகளைப் பயன்படுத்தும் மூன்று வழிகளை நாங்கள் முன்னிலைப்படுத்துவோம்.

Chrome DevTools என்றால் என்ன?

DevTools அல்லது Chrome DevTools என்பது Chrome உலாவியில் நேரடியாக கட்டமைக்கப்பட்ட வலை டெவலப்பர் உதவி கருவிகளின் தொகுப்பாகும். பறக்கக்கூடிய பக்கங்களைத் திருத்துவதில் இந்த கருவிகளைப் பயன்படுத்துகிறோம் மற்றும் சிக்கல்களை உடனடியாகக் கண்டறிகிறோம். இது எங்கள் வாடிக்கையாளர்களுக்கு சிறந்த வலைத்தளங்களை உருவாக்க எங்களுக்கு உதவுகிறது, ஆனால் நாங்கள் அதை விரைவாகச் செய்து அவை சரியானவை என்பதை உறுதிப்படுத்த முடியும்.

எந்தவொரு எஸ்சிஓ சார்புடைய ஆயுதக் களஞ்சியத்திலும் கூகிள் குரோம் மிக முக்கியமான கருவித்தொகுப்புகளில் ஒன்றாகும் என்பதை நாம் அனைவரும் ஏற்றுக்கொள்ளலாம். தணிக்கைகளை தானியங்குபடுத்த அல்லது எஸ்சிஓ சிக்கல்களை அளவிலேயே கண்டறிய நீங்கள் பயன்படுத்தும் எஸ்சிஓ மென்பொருளைப் பொருட்படுத்தாமல், Chrome DevTools கட்டாயம் இருக்க வேண்டும். எஸ்சிஓ சிக்கல்களை பறக்க சரிபார்க்க முக்கியமான வழிகளை வழங்குவதற்கான அதன் திறனுக்கு நன்றி, செமால்ட் உட்பட பல எஸ்சிஓ தொழில் வல்லுநர்கள் அதை நேரத்தையும் நேரத்தையும் மீண்டும் பயன்படுத்தினர்.

Chrome DevTools தொழில் மற்றும் வலை உருவாக்குநர்களுக்கு உதவக்கூடிய பல வழிகளைப் பற்றி விவாதிக்க அதிக நேரம் செலவிட முடியும், ஆனால் எங்கள் கவனம் இன்னும் கொஞ்சம் குறிப்பிட்ட விஷயத்தில் உள்ளது. இங்கே, ஒரு சிக்கலைக் கண்டறிந்து சரிசெய்ய Chrome DevTools ஐ நம்பியுள்ள இரண்டு வெவ்வேறு நிகழ்வுகளை உங்களுடன் பகிர்ந்து கொள்ள விரும்புகிறோம்.

Chrome DevTools ஐ வைத்திருப்பது மோசமான யோசனையாக இருக்காது என்று மூன்று சூழ்நிலைகள் இங்கே:

சரிசெய்தலுக்கு Chrome DevTools ஐ அமைத்தல்

Chrome DevTools ஐப் பயன்படுத்த நீங்கள் ஒருபோதும் முயற்சிக்காத வாய்ப்புகள் உள்ளன. சரி, அதை அணுகுவது SERP இல் உள்ள ஒரு வலைத்தளத்தைக் கிளிக் செய்து ஒரு ஆய்வு பொத்தானைக் கிளிக் செய்வது போன்றது. எஸ்சிஓ தொழில் வல்லுநர்களாக, அதை விட நாங்கள் மிகவும் கவனமாக இருக்க வேண்டும், ஆனால் அது எவ்வாறு பயன்படுத்தப்படுகிறது என்பது பற்றிய யோசனை உங்களுக்கு உள்ளது. செமால்ட்டில், DOM ஐக் கண்காணிக்க அனுமதிக்கும் எலிமென்ட் விமானம் மற்றும் கன்சோல் டிராயரில் வேறு சில வேறுபட்ட கருவிகளை இயக்கும் CSS இரண்டையும் பயன்படுத்துகிறோம்.

எஸ்சிஓ சரிசெய்தலில் இந்த கருவி எவ்வாறு பயன்படுத்தப்படுகிறது என்பதற்கான படிப்படியான செயல்முறையை நாங்கள் உங்களுக்கு எடுத்து வருகிறோம்.

தொடங்குவதற்கு, நீங்கள் வலது கிளிக் செய்து ஆய்வு செய்ய வேண்டும். இயல்பாக, உறுப்பு குழு தோன்றுவதை நீங்கள் காண்பீர்கள், மேலும் இது DOM மற்றும் பக்கத்தை நிர்மாணிப்பதில் பயன்படுத்தப்படும் நடை தாளின் தன்மை பற்றிய ஒரு பார்வையை உங்களுக்கு வழங்குகிறது.

இந்த பார்வையை வைத்திருப்பது எங்களுக்கு நிறைய விஷயங்களை வழங்குகிறது; இருப்பினும், கருவித்தொகுப்பை முழுமையாகப் பயன்படுத்த கன்சோல் டிராயரை இயக்குகிறோம்.

அமைப்புகள் ஐகானுக்கு அடுத்து தோன்றும் புள்ளிகளைக் கிளிக் செய்து, கன்சோல் டிராயர் ஷோவைக் காண்பிக்கும் வரை கீழே உருட்டவும். மாற்றாக, தப்பிக்கும் விசையை கிளிக் செய்க.

கன்சோல் மற்றும் உறுப்பு குழு இயக்கப்பட்டால், பயனர்கள் DOM இல் வழங்கப்பட்ட குறியீட்டின் பார்வையைப் பெறலாம். உலாவியில் குறியீட்டை வரைவதற்குப் பயன்படுத்தப்பட்ட நடைதாள்களையும் பயனர்கள் பார்ப்பார்கள். கன்சோல் டிராயரில் இருந்து நீங்கள் அணுகக்கூடிய பல கருவிகள்.

முதல்-நேர டைமர்களுக்கு, கன்சோல் டிராயர் கன்சோலைக் காட்டாது, ஆனால் நீங்கள் சிறிது நேரம் Chrome DevTools ஐப் பயன்படுத்திய பிறகு, கன்சோல் டிராயர் கன்சோலைக் காட்டத் தொடங்குகிறது. உள்நுழைந்த செய்திகளைக் காணவும், ஜாவாஸ்கிரிப்டை இயக்கவும் உங்கள் கன்சோல் குழு உங்களை அனுமதிக்கிறது. இன்று நாம் அதில் மூழ்க மாட்டோம்.

அதற்கு பதிலாக, நாங்கள் பார்க்கும் மூன்று கூடுதல் கருவிகள் இங்கே:
இந்த கருவிகளைக் கண்டுபிடிக்க, கூடுதல் கருவிகளைத் தேர்ந்தெடுத்து, இந்த மூன்று உருப்படிகளில் ஒவ்வொன்றையும் தேர்ந்தெடுக்கவும், இதனால் அவை கன்சோல் டிராயரில் தாவல்களாகத் தோன்றும். இந்த மூன்று பேனல்களை நாங்கள் இயக்கிய பிறகு, நாங்கள் சரிசெய்தலைத் தொடங்கலாம்.

DevTools இல் பயனர் முகவரை மாற்றுகிறது

பயனர் முகவரை மாற்றுவது DevTools ஐப் பயன்படுத்த மிகவும் கவனிக்கப்படாத வழிகளில் ஒன்றாகும். இது ஒரு எளிய சோதனையாகும், இது பல வேறுபட்ட சிக்கல்களைக் கண்டறிய எங்களுக்கு உதவியது, ஏனெனில் இது ஒரு தளத்தின் தகவல் அம்சங்களை Googlebot எவ்வாறு பார்க்கிறது மற்றும் செயலாக்குகிறது என்பதற்கான நுண்ணறிவை வழங்குகிறது.

எங்கள் புலனாய்வு எஸ்சிஓ நிபுணர்களின் குழுவைப் பொறுத்தவரை, டெவ்டூல்ஸ் ஒரு தகுதியான மற்றும் நம்பகமான பூதக்கண்ணாடியாகப் பயன்படுத்தப்படுகிறது, இது ஒரு வலைத்தளத்தின் சிக்கல்களைப் பெரிதாக்க அனுமதிக்கிறது, இது போன்ற சிக்கல்களை உருவாக்குவதைத் தடுப்பதோடு மட்டுமல்லாமல், இதுபோன்ற சிக்கல்களின் மூல காரணங்களையும் கண்டறியவும் உதவுகிறது.

Chrome DevTools இல் உங்கள் பயனர் முகவரை எவ்வாறு மாற்றலாம்?

Chrome இல் உங்கள் பயனர் முகவரை மாற்றும்போது, ​​உங்கள் கன்சோல் டிராயரில் பிணைய நிபந்தனைகள் தாவலைப் பயன்படுத்த வேண்டும். இதைச் செய்ய, நீங்கள் தானாகத் தேர்ந்தெடுப்பதைத் தேர்வுநீக்குங்கள், இது உங்கள் உள்ளடக்கம் எவ்வாறு வழங்கப்படுகிறது என்பதைக் காண Googlebot ஸ்மார்ட்போன், பிங்போட் அல்லது பல பயனர் முகவர்களைப் பயன்படுத்தி உள்ளடக்கத்தைக் காண உங்களை அனுமதிக்கிறது.

கூகிள் SERP இல் புதுப்பிக்கப்பட்ட தலைப்பு குறிச்சொல் அல்லது மெட்டா விளக்கத்தைக் காட்டாத நிகழ்வில், அத்தகைய வலைத்தளத்தின் உரிமையாளர் கவலைப்படுவார் என்பதில் சந்தேகமில்லை. கூகிள் ஏன் முற்றிலும் மாறுபட்ட தலைப்பு குறிச்சொல்லைப் பயன்படுத்தத் தேர்ந்தெடுத்தது அல்லது குறிச்சொல்லைப் புதுப்பிக்கத் தவறியது என்பதைப் புரிந்துகொள்வது, நீங்கள் செய்த மாற்றங்கள் செயல்படுத்தப்படுவதை உறுதி செய்வதில் முக்கியம்.

மொபைல் மாற்று தளத்தின் வழக்குக்கு Chrom DevTool ஐப் பயன்படுத்துதல்

இதேபோன்ற நிலையில், பயனர் முகவரை Googlebot ஸ்மார்ட்போனுக்கு மாற்றிய பின், தளம் இன்னும் ஒரு மாற்று மொபைல் தளத்தை Googlebot க்கு சேவை செய்வதைக் கண்டுபிடித்தோம். கூகிள் ஏற்கனவே மொபைல் முதல் குறியீட்டுக்கு மாறியதால், அது மொபைல் தளத்தில் மாற்றங்களைச் செயலாக்கி குறியீடாக்கியது, ஆனால் டொமைனின் டெஸ்க்டாப் பதிப்பில் செய்யப்பட்ட புதுப்பிப்புகளைப் பிடிக்க முடியவில்லை.

மொபைல் தளங்கள் சில நினைவுச்சின்னங்கள் என்று நீங்கள் கருதலாம், ஆனால் அவை உண்மையில் இன்னும் உள்ளன.

அதிகப்படியான சேவையக பாதுகாப்பைக் கண்டறிவதில் Chrome DevTools ஐப் பயன்படுத்துதல்

வலையில் தீங்கிழைக்கும் நோக்கங்களுடன் பல நபர்கள் உள்ளனர். பல ஹேக்கர்கள் மற்றும் தீங்கிழைக்கும் குற்றவாளிகள் இணையத்தில் உள்ள தளங்களுக்கு எதிராக கூகிளைப் பயன்படுத்த முயற்சிக்கின்றனர். இந்த காரணத்திற்காக, சில சேவையக அடுக்குகள் சி.டி.என் மற்றும் பிற ஹோஸ்டிங் வழங்குநர்கள், ஸ்பேம் கிராலர்களை தளத்திற்கு அணுகுவதைத் தடுப்பதே அவர்களின் உண்மையான நோக்கமாக இருக்கும்போது கூகிள் பாட் ஸ்பூஃப்களை நிறுத்தும் சில உள்ளமைக்கப்பட்ட அம்சங்களை வழங்கக்கூடும். மிகுந்த முயற்சியில், இந்த தளங்கள் Googlebot ஐ தளத்திற்கான அணுகலைப் பெறுவதைத் தடுக்கலாம். சில நேரங்களில், பயனர்கள் "அங்கீகரிக்கப்படாத கோரிக்கை தடுக்கப்பட்டது" என்று கூறும் செய்திகளைப் பார்க்கிறார்கள்.

கூகிளின் SERP இல் இதுபோன்ற செய்திகளை நாங்கள் சந்தித்தால், உலாவி உள்ளடக்கத்தை சிக்கல்கள் இல்லாமல் ஏற்றினாலும் ஒரு தவறு நடந்துள்ளது என்பதை நாங்கள் உடனடியாக அறிவோம்.

பயனர்-முகவர் சுவிட்ச் அம்சத்தைப் பயன்படுத்துவதன் மூலம், பயனர் முகவரை கூகிள் போட் ஸ்மார்ட்போனுக்கு அமைத்தவுடன் அந்த தளம் அந்தச் செய்தியை வழங்குவதைக் காணலாம்.

DevTools இல் உள்ள முக்கிய வலை உயிரணுக்களைக் கண்டறிதல்

செயல்திறன் தாவல் DevTools இன் மிக முக்கியமான அம்சங்களில் ஒன்றாகும். பக்கத்தின் வேகம் மற்றும் செயல்திறனை பாதிக்கும் சிக்கல் தீர்க்கும் சிக்கல்களுக்கான சிறந்த நுழைவாயிலாக இது செயல்படுகிறது. ஒரு பொதுவான குறிப்பில், முக்கிய வலை உயிரணுக்களுக்கு வரும்போது DevTools சில செயல்படக்கூடிய தகவல்களை வழங்க முடியும்.

கூகிளின் கோர் வெப் வைட்டல்களை உருவாக்கும் அளவீடுகள் சில காலமாக பக்க வேகம் மற்றும் செயல்திறன் அறிக்கைகளின் ஒரு பகுதியாகும். எஸ்சிஓ தொழில் வல்லுநர்கள் இந்த சிக்கல்களை எவ்வாறு பிரிப்பது என்பது குறித்து உரையாடுவது மிகவும் முக்கியம். வெப்மாஸ்டர்களாக, தேடல் செயல்திறனுக்கு முக்கிய வலை உயிரணுக்களின் முக்கியத்துவத்தைப் பற்றி நாங்கள் நன்கு அறிந்திருக்கிறோம்.

DevTools இல் செயல்திறன் தாவலைப் பயன்படுத்தும்போது, ​​முக்கியமான வலை அளவீடுகளைப் புரிந்துகொள்வதில் சிறந்து விளங்க ஒரு படி மேலே செல்கிறோம்.

உங்கள் HTTP தலைப்புகளை இருமுறை சரிபார்த்து, பயன்படுத்தப்படாத குறியீட்டை மதிப்பாய்வு செய்யவும்

உங்கள் எஸ்சிஓ தணிக்கைகளில் மென்மையான 404 கள் பற்றி நீங்கள் எப்போதாவது கேள்விப்பட்டிருக்கிறீர்களா? உலாவி 404 பக்கத்தைக் காண்பிக்கும் போது மென்மையான 404 கள் ஆகும், ஆனால் அவை 200 சரி மறுமொழி குறியீட்டைத் தருகின்றன.
சில சந்தர்ப்பங்களில், உலாவியில் எதிர்பார்த்தபடி உள்ளடக்கம் ஏற்றப்படலாம்; இருப்பினும், HTTP மறுமொழி குறியீடு 404 அல்லது 302 பிழையைக் காட்டக்கூடும். இது பொதுவாக தவறாக இருக்கலாம் அல்லது நீங்கள் எதிர்பார்த்தது அல்ல. எந்த வகையிலும், ஒவ்வொரு பக்கத்திற்கும் ஆதாரத்திற்கும் HTTP மறுமொழி குறியீட்டைப் பார்ப்பது உதவியாக இருக்கும்.

DevTools ஐப் பயன்படுத்தி மறுமொழி குறியீடுகளைப் பற்றிய மதிப்புமிக்க தகவல்களை வழங்கும் அற்புதமான Chrome நீட்டிப்புகள் ஏராளமாக இருக்கும்போது, ​​இந்த தகவலை நேரடியாகச் சரிபார்க்க உங்களுக்கு உதவும்.

இந்த கட்டத்தில், பக்கத்தை தொகுக்க அழைக்கப்படும் தனிப்பட்ட வளங்கள் அனைத்தையும் DevTools காட்டுகிறது. அதனுடன் தொடர்புடைய நிலைக் குறியீடுகள் மற்றும் நீர்வீழ்ச்சி காட்சிப்படுத்தல் ஆகியவை அடங்கும்.

முடிவுரை

Chrome DevTools மூலம், உங்கள் வலைத்தளத்தின் உண்மையான திறன்களை அடைவதைத் தடுக்கும் அடிப்படை சிக்கல்களைக் கண்டறிந்து அவற்றைத் தீர்க்கும் திறன் உங்களுக்கு உள்ளது. உங்கள் தொழில்நுட்ப தணிக்கைகளில் DevTools குறிப்பாக பயனுள்ளதாக இருக்கும். இவை தவிர, டெவ்டூல்களைப் பயன்படுத்தும் போது வேகத்தையும் அனுபவிக்கிறீர்கள். எங்கள் வலை உலாவிகளை விட்டு வெளியேறாமல், ஒரு வலைத்தளத்தை ஊர்ந்து செல்வதிலிருந்து அது எவ்வளவு சிறப்பாக செயல்படுகிறது என்பதை சரிபார்க்க செமால்ட்டில் உள்ள எங்கள் குழு அதிகாரம் பெற்றதாக உணர முடியும்.

செமால்ட் உங்கள் வலைத்தளத்தின் சிறந்தவற்றை வெளிக்கொணர உங்களுக்கு உதவ இங்கே உள்ளது, மேலும் நீங்கள் எங்கள் குழுவுடன் தொடர்பு கொள்வீர்கள் என்று நம்புகிறோம். உங்கள பதிலை எதிர் நோக்கி இருக்கிறோம்.