ВКонтакте бетінің кодының шифрын шешіңіз. HTML кодын шифрлау
Бұл мақала сценарийлерді деобфузациялау туралы мақалаға қосымша болып табылады. Мұнда біз шифрлаудың және орауыштың негізгі принциптерін, қорғаныстың әлсіз жерлерін, қолмен жою әдістерін, сондай-ақ орауыштарды автоматты түрде жоюға арналған әмбебап құралдарды және топсалы қорғанысты қарастырамыз. JavaScript сценарийлері. Соңғы кездері көбірек көзісценарийлер шифрланған немесе бумаланған. Яндекс, DLE және басқа да танымал жобалар бұған араласа бастады және «пайдаланушыларға қамқорлық», «трафикті үнемдеу» және басқа да нонсенс туралы әдемі әңгімелер өте күлкілі көрінеді. Жарайды, егер біреудің жасыратын нәрсесі болса, онда біздің міндетіміз оны таза суға жеткізу.
Теориядан бастайық. JavaScript орындалу ерекшеліктеріне байланысты барлық шифрлаушылар мен бумалаушылардың әртүрлілігіне қарамастан, тек екі алгоритм опциясы бар: немесе опция ретінде: Екінші әдіс көбінесе беттің бастапқы html кодын, сондай-ақ әртүрлі трояндарды қорғау үшін қолданылады. бетке енгізу үшін зиянды код, мысалы, жасырын жақтау. Екі алгоритмді біріктіруге болады, «трюктар» және дешифрлеушінің күрделілігі кез келген болуы мүмкін, тек принциптің өзі өзгеріссіз қалады.
Екі жағдайда да функцияларды орындайды бағалау()Және document.write()толық шифрланған деректер жіберіледі. Оларды қалай ұстауға болады? Ауыстыруға тырысыңыз бағалау()үстінде ескерту(), және ашылған MessageBox ішінде сіз бірден шифры шешілген мәтінді көресіз.Кейбір шолғыштар мәтінді MessageBoxes ішінен көшіруге мүмкіндік береді, бірақ бұл жартылай автоматты декодерді қолданған дұрыс:
- < html >
- < head >< title >JavaScript декодері title > head >
- < body >
- < script type = "text/javascript" >
- // Журналға шифрды шешу нәтижелерін жазу функциясы
- функция декодері(str)(
- құжат. getElementById («декодталған»). мән += str + "\n" ;
- < textarea id = "decoded" style = "width:900px; height:500px;" > textarea >
- < script type = "text/javascript" >
- body >
- html >
Мысалы, Яндекс-тен кейбір сценарийді алайық, бастапқы кодқа қарап, біз зиянды нәрсені көреміз:
Бірден айта кету керек, бұл сценарий JavaScript Compressor арқылы өңделеді, оны қолтаңбасы арқылы тану оңай - сценарийдің басындағы функцияның сипатты атауы. Сценарийдің бүкіл бастапқы мәтінін көшіріп, біріншісін ауыстырыңыз бағалауүстінде декодер, оны декодерге қойып, оны html беті ретінде сақтаңыз.Оны кез келген шолғышта ашып, ашылған сценарий мәтіндік аумақта бірден пайда болғанын көріңіз. Қуануға әлі ерте, ол барлық жол үзілімдерін және кодты пішімдеуді алып тастады. Мұны қалай шешуге болады, деобфузкация туралы мақалада жазылған.
Екінші мысал. Мұнда html беті қамтылған HTML бағдарламасықорғаушы. Бұл бағдарламаның мүмкіндіктерін көрсететін бет, сондықтан барлық опциялар қатысады: мәтінді таңдауды және көшіруді блоктау, тінтуірдің оң жақ түймешігіне тыйым салу, суреттерді қорғау, күй жолағын жасыру, html кодын шифрлау және т.б. Біз бастапқы кодты ашамыз, қараймыз. Ең жоғарғы жағында бұрыннан таныс document.write және шифрланған сценарий орналасқан. Біз оны декодер арқылы іске қосамыз, біз негізгі мазмұнды шешу функциясын аламыз:
Код (JavaScript):
- hp_ok = true ;функция hp_d01 (s )( ... кесу ... o = ar . біріктіру ("" )+ os ; құжат . жазу (o )
Функциядағы соңғы document.write файлын декодермен ауыстырамыз және одан кейін барлық қалған үш шифрланған сценарийді енгіземіз:
- < script type = "text/javascript" >
- // Шифрланған сценарийді алдын ала осында қойыңыз
- // ондағы eval() және document.write() барлық шақыруларын декодермен() ауыстырыңыз.
- hp_ok = true ;функция hp_d01 (s )( .... o = ar . біріктіру ("" )+ os ; декодер (o );
- hp_d01(unescape(">QAPKRV%22NCLEWC ....
- hp_d01(шығу( ">QAPKRV%22NCLEWCEG? HctcQa ...
- hp_d01(шығу( ">`mf(%22`eamnmp? !DDDDDD %22v ...
Ыңғайлы болу үшін сценарийлер мақалада толық берілмейді, бірақ сіз оларды толығымен көшіруіңіз керек. Біз браузерде декодерді ашамыз және бағдарламамен қосылған қауіпсіздік сценарийлерін және беттің шифры шешілген бастапқы мәтінін көреміз. Ыңғайлы болу үшін беттің html кодын қамтитын үшінші сценарийдің ғана шифрын ашуға болады. Мұның бәрі қорғаныс. Көріп отырғаныңыздай, күрделі ештеңе жоқ. Сол сияқты, html беттерінің басқа қорғаныстары жойылады.
Қолмен дешифрлеуден автоматтыға көшейік. Бірінші түрдегі қорғаныстарды жою үшін мен сізге бұрыннан белгілі Beautify Javascript сценарийін сәл өзгертіп, оны exe файлына құрастырдым. Ол мен көрген JavaScript қорғаныстарының және қаптамаларының көпшілігін еш қиындықсыз өңдейді.
Eval.JavaScript.Unpacker.1.1-PCL.rar (12,124 байт)
Неғұрлым күрделі жағдайларда ауыр артиллерияны қолдануға тура келеді. Бұл тегін жоба, трояндарды және басқа зиянды кодтарды зерттеуге арналған. Барлық авторлық құқықтарды қорғау бағдарламалары бір мағыналы зиянды болғандықтан, Malzilla бізге олармен күресуге көмектеседі. Жүктеп алыңыз (бүгін 1.2.0), қаптаманы ашыңыз, іске қосыңыз. Екінші Декодер қойындысын ашыңыз, шифрланған сценарийдің кодын жоғарғы терезеге қойыңыз, түймені басыңыз сценарийді іске қосыңыз.
Қалтада бағалау_темп eval() функцияларын орындаудың барлық нәтижелері, соның ішінде аралық да жинақталған. Сіз оларды түймені басу арқылы көре аласыз. eval() нәтижелерін көрсету, мәтін төменгі терезеде ашылады. Оны көшіруге, жоғарғы терезеге қоюға және түймені басу арқылы бірден пішімдеуге болады пішім коды. Декодерге қосымша, Malzilla-да JavaScript сценарийлерінен кез келген қорғанысты оңай жоюға мүмкіндік беретін көптеген басқа құралдар мен параметрлер бар.
Сондай-ақ, шифрланған сценарийлермен жұмыс істеуге арналған басқа тегін құралға назар аударуға болады - FreShow. Ондағы функциялар аз, бірақ бұл өте орынды. Сайттан тыс бағдарламамен жұмыс істеу үлгісін көрсететін демонстрациялық бейнені жүктеп алуға болады.
Көріп отырғаныңыздай, JavaScript сценарийлерінен және html беттерінен қорғауды жоюда қиын ештеңе жоқ. Сіз әлі де лас «авторлық құқығыңызды» қорғайсыз ба? Онда біз сізге барамыз!
1 дауысҚайырлы күн, менің блогымның құрметті оқырмандары. Кейде сіз сайттан әдемі функцияны табасыз және автордың осындай қызықты әсерге қалай қол жеткізгені туралы сұрақ мазалай бастайды.
Жауап өте оңай болып шықты. Ал егер сізде белгілі бір дағдылар болса, сіз осындай көптеген чиптерді жинап, қысқа уақыт ішінде өзіңіздің бірегей веб-сайтыңызды жасай аласыз.
Бүгін біз бет кодын қалай ашу туралы сөйлесеміз, белгілі бір элементжәне бұл дағдыны өз пайдаңызға пайдалануды үйреніңіз.
Код туралы негізгі білім
Менің сайтым жаңадан бастаушыларға арналған және алдымен сайттар мен жалпы код туралы қысқаша айтқым келеді.
Сурет салу үшін, содан кейін оны кішкене бөліктерге кесіңіз, кодты жазыңыз, соның арқасында шолғыш қайтадан барлық элементтерді бір бүтінге жинайды. Барлығы өте күрделі сияқты, солай емес пе? Мүлдем емес және бұл туралы алаңдаудың қажеті жоқ.
Осылайша сапалы веб-сайттар жасалады. Қаласаңыз - осы кәсіпке кірісіңіз және оқыңыз, қалау жоқ - сізді ешкім мәжбүрлей алмайды.
Бір ғана нәрсені айтайын... сіз жазған түсініксіз сөздердің бір бүтінге айналып, өмірге келгенін көруден артық қуаныш жоқ: сілтемелер жұмыс істейді, түймелер қозғалады, суреттер қозғалады, мәтін қозғалады. Мен Виктор Франкенштейннің сезімін білемін деп ойлаймын.
Сіз құпия тілді түсіне бастағанда және бәрі бастапқыда көрінгеннен әлдеқайда қарапайым екенін көргенде, сіз өзіңіздің миыңыздың күштері мен мүмкіндіктеріне сенбей қала алмайсыз. Бұл өте керемет.
Веб-сайттар қалай жасалады? Ең дұрысы, бірінші. Ол жай ғана сурет салып жатыр. Мысалы, төмендегі суретте көрсетілгендей. Әзірге бұл жай ғана сурет, фотосурет. Ешқандай сілтемелер жұмыс істемейді, басқанда сіз ешқайда кетпейсіз, іздеу жүргізілмейді.
Осы сызба бойынша. Төмендегі скриншотты қараңыз. Сіз бұл күлкілі және өте күрделі кейіпкерлер жиынтығы деп ойлауыңыз мүмкін. Шын мәнінде, бәрі соншалықты қиын емес, белгілі бір алгоритм бар.
Тек 150-ге жуық тегтер бар және олардың әрқайсысы белгілі бір әрекетке жауап береді: сілтеме, тасымалдау, қалың, түс, тақырып және т.б. Егер сізде тілек болса және уақытқа қарсы болмасаңыз, оларды түсіну қиын емес.
Осы атрибуттарды білудің арқасында кез келген мәселені дерлік шешуге болады. Міне, мақсатқа жету жолдары ғана, әр әзірлеуші өзін өзі табады.
Тәжірибелі жасаушылар нәтижеге қалай жетуге болатынын бірден көреді, ал басқалары ойлануға, мақалалардан немесе бәсекелестердің бастапқы кодынан жауап іздеуге тура келеді. Олар жай ғана үшінші тарап сайтында қажетті бөлікті алып, оны өздері өңдейді. Бұл жұмыс процесін айтарлықтай қысқартады.
Біраз уақыттан кейін мен сізге нақты мысал көрсетемін.
Кодты қарау
Сонымен, алдымен басқа біреудің html тілін үйрену керек болса, қалай әрекет ету керектігін көрсетейін. Содан кейін біз барлық басқа мәселелерді мұқият қарастырамыз.
Ең жақсы жол
Алдымен мен сипаттайтын әдіс жаңадан бастаушылар үшін сәл күрделі, бірақ кіріспе ретінде оқыңыз. Бетті ашып, тінтуірдің оң жақ түймешігін басыңыз. «Басқаша сақтау...» таңдаңыз.
Толық веб-бетті сақтаңыз. Скриншотта көріп отырғаныңыздай, мен бәрін алдын ала жүктеп алдым. Мұнда бізде екі қалта бар.
Сізге қажет нәрсенің бәрі осында. Әрбір элемент. Егер сіз мұны түсінсеңіз, сізге қажет нәрсенің бәрін тез алуға болады. Бірақ мұндай тапсырма барған сайын мүмкін емес болып барады. Жүктеп алу орындалмайды. Бетті көшіруге тыйым салынса не істеу керек?
Бұл Google Chrome
Сіз байқағаныңыздай, мен жиі қолданамын Google Chromeжәне басқа біреудің кодын осы браузерде алмұрт атқылау сияқты оңай үйреніңіз. Негізінде және кез келген басқада. Схема ұқсас болмайды, бірақ бірдей болады. Біз кодын білгіміз келетін бетті ашамыз және тінтуірдің оң жақ түймешігімен кез келген жерді шертеміз. Пайда болған терезеде «Бет кодын қарау» түймесін басыңыз.
Код парағы жаңа терезеде ашылады, оны бастаушыға түсіну өте қиын. Бірақ, уақытынан бұрын қорықпаңыз.
Егер сізге тек бір элементтің кодын білу қажет болса, оны тінтуірмен апарып, тінтуірдің оң жақ түймешігімен басыңыз. Біз басқа хром функциясын таңдаймыз: «Элемент кодын қарау».
Мысалы, мені логотиптің суретті немесе бағдарламалау тілін пайдаланып қалай жасалғаны қызықтыруы мүмкін бе? Өйткені, сіз шаршы сыза аласыз css анықтамасы. Көптеген сарапшылар кодта мүмкіндігінше көбірек ақпаратты жазуға кеңес береді. Ал танымал сайттар қалай жұмыс істейді?
Міне, сізге қажет ақпарат. Жоғарғы html, төменгі CSS. Бұл екі тіл. Біріншісі мәтін құрамдас бөлігіне, ал екіншісі дизайнға жауап береді. Егер CSS болмаса, әр уақытта түсті, қаріп өлшемін белгілеу керек еді. Әрбір бет үшін бұл өте ұзақ. Бірақ егер html болмаса, бізде мәтіндер болмас еді. Дөрекі түсіндірілді, бірақ жалпы алғанда бәрі солай.
Айтпақшы, бұл жерде қалай жұмыс істейтіні сізді қызықтырса, төмендегі суретке сілтемені көре аласыз. Міне, сіздің жауабыңыз.
Mozilla Firefox
Егер сіз аузында жұмыс істеуді ұнатсаңыз, онда бәрі бірдей болады. Бетті ашып, тінтуірдің оң жақ түймешігін басыңыз. Толық кодты көргіңіз келсе, «Беттің бастапқы коды».
Меңзерді элементтің үстіне апарған кезде оның кодын ашуға болады.
Мұнда деректер экранның төменгі жағында көрсетіледі, бірақ қалғанының бәрі бірдей.
Яндекс браузері
Яндекс браузерінде бәрі алдыңғы екі нұсқадағыдай, бетті ашыңыз, тінтуірдің оң жақ түймешігімен басыңыз, бет кодын қараңыз.
Егер біз оның кодын нақты білгіміз келсе, меңзерді элементтің үстіне апарамыз.
Мұнда барлығы хромдағы сияқты көрсетіледі.
Опера
Соңында опера.
Айтпақшы, сіз тінтуірді пайдаланудың қажеті жоқ екенін байқаған боларсыз. Кодты ашу үшін жылдам пернелер тіркесімі бар және ол барлық браузерлер үшін бірдей: CTRL+U.
Элементтер үшін: Ctrl+Shift+C.
Нәтиже осылай көрінеді.
Жаңадан бастаушыларға қызықты болады
Енді бәрі қалай жұмыс істейтінін қараңыз. Сіз сайтты табасыз және сізге қандай да бір элемент ұнайды. Мысалы, мынау. Сіз элемент кодын қалай ашу керектігін білесіз.
Енді көшіріңіз.
Мен пайдаланамын, мен бұл кодты жаңа html файлына, дене тегіне (ағылшын тілінде body) қоямын.
Енді бәрі браузерде қалай көрінетінін көрейік.
Дайын. Мәтін жиектерінде туралануы және жасыл түске ие болуы үшін осы құжатқа css қосып, біз оны ұрлаған сайттан тағы бір кодты көшіру керек.
Енді мен мұны істемеймін. Бұл көбірек уақытты алады: менікі де, сенікі де. Барлық егжей-тегжейлерді алдағы жарияланымдарымда сипаттаймын деп ойлаймын. Ақпараттық бюллетеньге жазылыңыз және мақала пайда болған кезде бірінші болып хабардар болыңыз.
Егер сіз шыдай алмасаңыз, бірақ дәл қазір html және css туралы көбірек білгіңіз келсе, мен сізге дәстүрлі түрде тегін оқу курстарын ұсына аламын.
Мұнда html тілін меңгеруге мүмкіндік беретін 33 сабақ берілген. «Тегін HTML курсы» .
Ал мұнда толық ақпарат css туралы - «Тегін CSS курсы (45 бейнесабақ!)» .
Енді сіз көбірек білесіз. Істеріңізге сәттілік тілеймін. Келесі кездескенше!
Мақалада негізгі қағидалар талқыланады шифрлауЖәне орау, қорғаныстың әлсіз жерлері, қолмен жою әдістері, сонымен қатар скрипттерден пакеттерді автоматты түрде алып тастауға арналған әмбебап құралдар мен топсалы қорғаныс JavaScript.
Жасырын мәтін
Соңғы уақытта сценарийлердің бастапқы коды шифрланған немесе пакеттелген. Яндекс, DLE және басқа да танымал жобалар бұған араласа бастады және «пайдаланушыларға қамқорлық», «трафикті үнемдеу» және басқа да нонсенс туралы әдемі әңгімелер өте күлкілі көрінеді. Жарайды, егер біреудің жасыратын нәрсесі болса, онда біздің міндетіміз оны таза суға жеткізу.
Теориядан бастайық. JavaScript орындалу ерекшеліктеріне байланысты барлық шифрлағыштар мен бумалаушылардың әртүрлілігіне қарамастан, тек екі алгоритм опциясы бар:
Var encrypted="шифрланған деректер";
шифрын шешу(str) (
}
// Шифры шешілген сценарийді орындаңыз
бағалау(дешифрлеу(шифрланған));
немесе балама түрде:
var encrypted="шифрланған деректер";
шифрын шешу(str) (
// шифрды ашу немесе ашу функциясы
}
// Шифры шешілген деректерді көрсету
document.write(шифрын шешу(шифрланған));
Екінші әдіс көбінесе беттің бастапқы html кодын қорғау үшін қолданылады, сонымен қатар жасырын фрейм сияқты параққа зиянды кодты енгізу үшін әртүрлі трояндық бағдарламалар. Екі алгоритмді біріктіруге болады, «трюктар» және дешифрлеуші күрделілігі кез келген болуы мүмкін, тек принциптің өзі өзгеріссіз қалады.
Екі жағдайда да функцияларды орындайды бағалау()Және document.write()толық шифрланған деректер жіберіледі. Оларды қалай ұстауға болады? Ауыстыруға тырысыңыз бағалау()үстінде ескерту(), және ашылған MessageBox"Сіз бірден шифры шешілген мәтінді көресіз. Кейбір браузерлер мәтінді көшіруге мүмкіндік береді MessageBox"ov, бірақ бұл жартылай автоматты декодерді қолданған дұрыс:
Мысалы, Яндекс-тен кейбір сценарийді алайық, бастапқы кодқа қарап, біз зиянды нәрсені көреміз:
Бірден айта кету керек, бұл сценарий JavaScript Compressor арқылы өңделеді, оны қолтаңбасы арқылы тану оңай - сценарийдің басындағы функцияның сипатты атауы. Сценарийдің бүкіл бастапқы мәтінін көшіріп, біріншісін ауыстырыңыз бағалауүстінде декодер, оны декодерге қойып, html беті ретінде сақтаңыз.
Біз оны кез келген браузерде ашамыз және қаптамадан шығарылған сценарий мәтіндік аумақта бірден пайда болғанын көреміз. Қуануға әлі ерте, ол барлық жол үзілімдерін және кодты пішімдеуді алып тастады. Мұнымен қалай күресуге болады деп жазылған.
Екінші мысал. Мұнда HTML Protector арқылы жабылған html беті. Бұл бағдарламаның мүмкіндіктерін көрсететін бет, сондықтан барлық опциялар қатысады: мәтінді таңдауды және көшіруді блоктау, тінтуірдің оң жақ түймешігіне тыйым салу, суреттерді қорғау, күй жолағын жасыру, html кодын шифрлау және т.б. Біз бастапқы кодты ашамыз, қараймыз. Ең жоғарғы жағында бұрыннан таныс document.write және шифрланған сценарий орналасқан. Біз оны декодер арқылы іске қосамыз, біз негізгі мазмұнды шешу функциясын аламыз:
hp_ok=true;функция hp_d01(s)( ...қию... o=ar.join("")+os;document.write(o)
Функциядағы соңғысын ауыстырамыз құжат.жазуүстінде декодержәне одан кейін қалған үш шифрланған сценарийді қойыңыз:
Ыңғайлы болу үшін сценарийлер мақалада толық берілмейді, бірақ сіз оларды толығымен көшіруіңіз керек. Біз браузерде декодерді ашамыз және бағдарламамен қосылған қауіпсіздік сценарийлерін және беттің шифры шешілген бастапқы мәтінін көреміз. Ыңғайлы болу үшін беттің html кодын қамтитын үшінші сценарийдің ғана шифрын ашуға болады. Мұның бәрі қорғаныс. Көріп отырғаныңыздай, күрделі ештеңе жоқ. Сол сияқты, html беттерінің басқа қорғаныстары жойылады.
Қолмен дешифрлеуден автоматтыға көшейік. Бірінші түрдегі қорғаныстарды жою үшін мен сізге бұрыннан белгілі Beautify Javascript сценарийін сәл өзгертіп, оны exe файлына құрастырдым. Ол мен көрген JavaScript қорғаныстарының және қаптамаларының көпшілігін еш қиындықсыз өңдейді.
Eval JavaScript Unpacker 1.1
Eval.JavaScript.Unpacker.1.1-PCL.zip(12 073 байт)
Неғұрлым күрделі жағдайларда ауыр артиллерияны қолдануға тура келеді. Бұл трояндарды және басқа зиянды кодтарды зерттеуге арналған тегін Malzilla жобасы. Барлық авторлық құқықтарды қорғау бағдарламалары бір мағыналы зиянды болғандықтан, Malzilla бізге олармен күресуге көмектеседі. Жүктеп алынуда соңғы нұсқасы (бүгін 1.2.0), орау, іске қосу. Екінші Декодер қойындысын ашыңыз, шифрланған сценарийдің кодын жоғарғы терезеге қойыңыз, түймені басыңыз сценарийді іске қосыңыз.
Ондағы функциялар аз, бірақ бұл өте орынды. Сайттан тыс бағдарламамен жұмыс істеу үлгісін көрсететін демонстрациялық бейнені жүктеп алуға болады.
Көріп отырғаныңыздай, JavaScript сценарийлерінен және html беттерінен қорғауды жоюда қиын ештеңе жоқ. Сіз әлі де лас «авторлық құқығыңызды» қорғайсыз ба? Онда біз сізге барамыз!
Барлық әдемі кескіндердің, тамаша типографияның және керемет түрде орналастырылған әрекетке шақырулардың астында сайттың бастапқы коды бар.
Күн сайын сіздің браузеріңіз бұл кодты келушілер мен тұтынушылар үшін әсерлі беттерге айналдырады.
Google және басқа іздеу жүйелері сіздің веб-беттеріңіз берілген уақытта индекстерінде қай жерде көрсетілетінін анықтау үшін осы кодты «оқиды». іздеу сұрауы.
Сондықтан ол үшін өте маңызды іздеу жүйесін оңтайландыру(SEO) бастапқы кодта не бар.
Бұл жылдам нұсқаулық сізге сайттың бастапқы кодын қалай оқу керектігін көрсетеді, осылайша сіз SEO дұрыстығына сенімді бола аласыз және SEO шарттарын тексеруді үйрете аласыз.
Біз сондай-ақ бастапқы кодтың негізгі бөліктерін қалай қарау және зерттеу керектігін білу басқа маркетингтік зерттеулерге көмектесетін бірнеше басқа жағдайларды қарастырамыз.
Бастапқы кодты қалай көруге болады.
Сайтыңыздың бастапқы кодын тексерудің бірінші қадамы - нақты бастапқы кодты қарау. Кез келген веб-шолғыш мұны жеңілдетеді.
Төменде веб-бетіңіздің бастапқы кодын көруге арналған пернетақта пәрмендері берілген ДКЖәне Mac.
- Firefox - CTRL + U (CTRL пернесін басып тұрып, «U» пернесін басыңыз) Немесе «Firefox» мәзіріне өтіп, «Веб-әзірлеуші», содан кейін «Бет көзі» түймесін басуға болады.
- Internet Explorer- CTRL + U. Немесе басыңыз оң жақ түймешікті басыңызтінтуірді басып, «Көзді қарау» таңдаңыз.
- Chrome - CTRL + U. Жоғарғы оң жақ бұрышта үш көлденең сызықтары бар перненің суретін басуға болады. Содан кейін «Құралдар» түймесін басып, «Көзді қарау» таңдаңыз.
- Opera - CTRL + U. Сондай-ақ веб-бетті тінтуірдің оң жақ түймешігімен басып, «Бет көзін қарау» опциясын таңдауға болады.
Mac
- Safari - Пернелер тіркесімі Опция + Пәрмен + U. Сондай-ақ веб-бетті тінтуірдің оң жақ түймешігімен басып, Бет көзін көрсету опциясын таңдауға болады.
- Firefox - Сіз тінтуірдің оң жақ түймешігімен басып, «көзді» таңдай аласыз немесе «Құралдар» мәзіріне өтіп, «Веб-әзірлеуші» тармағын таңдап, «Бет көзі» түймесін басыңыз. Пернелер тіркесімі Ctrl+U.
- Chrome - «Көру» бөліміне өтіп, «әзірлеуші», содан кейін «Көзді қарау» түймесін басыңыз. Сондай-ақ, тінтуірдің оң жақ түймешігімен басып, Бет көзін қарау опциясын таңдауға болады. Пернелер тіркесімі Option+Command+U.
Бастапқы кодты қалай көру керектігін білгеннен кейін оны қалай іздеу керектігін білуіңіз керек.
Әдетте, кәдімгі веб-шолғышта пайдаланатын іздеу мүмкіндіктері бастапқы кодты іздеуге де қолданылады.
Пәрмендер, CTRL + F (табу) маңызды SEO элементтерінің бастапқы кодын жылдам көруге көмектеседі.
Тақырып тегтері.
Тақырып тегі SEO ең маңызды элементі болып табылады. Бұл бастапқы кодтағы ең маңызды нәрсе.
Егер сіз осы мақаладан бір ғана құнды нәрсені алғыңыз келсе, мынаған назар аударыңыз:
Білесіз бе, бұл Google бір нәрсені іздеген кезде беретін нәтижелер.
Бұл нәтижелердің барлығы веб-беттердің тақырып тегтерінен келеді. Сондықтан бастапқы кодыңызда тақырып тегтері болмаса, Google-да (немесе кез келген басқа іздеу жүйесінде) көрсетілмеуі мүмкін.
Сенсеңіз де, сенбесеңіз де, мен тақырып тегтері жоқ веб-сайттарды көрдім. «Термині үшін Google-да жылдам іздеуге тырысайық. Маркетинг бойынша нұсқаулықтар«. Біз не көреміз:
Блог бойынша бірінші іздеу нәтижесін көре аласыз KISSmetricsбөлім Маркетинг бойынша нұсқаулықтар.
Егер біз бірінші іздеу нәтижесінің сілтемесін орындасақ және беттің бастапқы кодын көрсек, тақырыпта тегті көре аламыз:
Тақырып тегі ашылу тегімен көрсетіледі:
Тақырып тегінің ішіндегі мазмұн нәтиже тақырыбында қолданылатын мазмұнға сәйкес келетінін көреміз Google іздеу.
Бірақ Google іздеу нәтижелеріне тек тақырып тегтерін қосу қажет емес.
Google сондай-ақ тақырып тегтеріндегі сөздерді пайдаланушылар іздеуі үшін маңызды деп санайтын маңызды кілт сөздер ретінде анықтайды.
Сондықтан белгілі бір тақырып бойынша нақты веб-бет рейтингін алғыңыз келсе, тақырыпты сипаттайтын сөздердің тақырып тегінде қамтылғанына көз жеткізіңіз.
Бар тұтас сызыққалай туралы көбірек білуге болатын онлайн ресурстар түйінді сөздержәне тақырып тегтері сіздің сайтыңыздың жалпы архитектурасында маңызды рөл атқарады.
Міне, тақырыптық тегтердің маңыздылығын есте ұстау үшін бірнеше маңызды тармақтар:
- Әр веб-бетте тек бір тақырып тегі бар екеніне көз жеткізіңіз.
- Сайттағы әрбір веб-беттің жеке тақырып тегі бар екеніне көз жеткізіңіз.
- Сайтыңыздағы әрбір тақырып тегі бірегей екеніне көз жеткізіңіз. Ешқашан белгілі бір тақырып тегінің мазмұнын қайталамаңыз.
Веб-бетіңіздің басындағы келесі маңызды элемент - мета сипаттама тегі.
Бұл іздеу жүйелерінде тақырыптың астында пайда болатын мазмұныңыздың 160 таңбалы үзіндісі.
Мен бұл тегті мүлдем елемейтін жүздеген сайттарды көрдім. Оны бастапқы кодтан табу өте оңай:
Осылайша, бұл тег сіздің сайтыңыздың барлық веб-беттерінде бар екенін тексеріңіз және тексеріңіз. Ең бастысы, оны бірнеше бетке көшірмеу керек.
Қайталанатын сипаттама мета тегі іздеу жүйесінің айыппұлы емес, бірақ бұл өте үлкен маркетингтік қате.
Көптеген адамдар мета сипаттама тегін елемейді, бірақ сіз шынымен онымен жұмыс істеуіңіз керек, себебі ол оқиды іздеу жүйесі.
Сипаттама мета тегі сізге көбірек келушілерді тартуға және сайтыңызға мақсатты кликтерді арттыруға көмектесетінін ескеріңіз.
Ctrl+U
Элементтің бастапқы кодын қалай көруге болады?
Қызықтыратын бет элементінде тінтуірдің оң жақ түймешігін басыңыз.
Google Chrome: «Элемент кодын қарау»
Опера: «Элементті тексеру»
Firefox: «Талдау элементі»
Басқа браузерлерде ұқсас мәзір элементін іздеңіз.
Бәріңе сәлем!
Әсіресе мақаланың басында мен тез жауап іздейтіндер үшін барлық мәселені айттым.
Ақпаратты көпшілік білуі мүмкін, бірақ мен жаңадан бастаған блогерлер, веб-бағдарламашылар және басқа іздеушілер үшін жазып жатқандықтан, бұл анықтамалық мақала міндетті түрде болуы керек.
Болашақта сіз парақтардың және жеке элементтердің бастапқы кодын міндетті түрде зерттейсіз.
Бет көзі көрінісін қалай пайдалануға болатынының нақты мысалын қарастырайық.
Мысалы, біз белгілі бір бет үшін қандай кілт сөздер қолданылатынын көргіміз келеді. Біз өзімізді қызықтыратын веб-бетке өтіп, Ctrl + U пернелерін басыңыз. Бұл беттің бастапқы коды бөлек терезеде немесе бөлек қойындыда ашылады. Ctrl+F пернелерін басыңыз код бөлігін іздеу үшін. Бұл жағдайда іздеу жолағына «сөзін енгіземіз. кілт сөздер».Сіз осы мета тегі бар код үзіндісіне автоматты түрде қайта бағытталасыз және іздеу сөзі бөлектеледі.
Аналогия бойынша басқа код үзінділерін іздеуге және зерттеуге болады.
Беттің бүкіл бастапқы кодын қарау көп жағдайда өте ыңғайлы емес, сондықтан барлық браузерлерде кодты көруге болады. жеке элементнемесе фрагмент.
Элемент кодын көру үшін нақты мысалды қолданайық. Мысалы, сілтеменің nofollow атрибуты бар-жоғын көрейік. Бізді қызықтыратын сілтемені және ашылмалы тізімде тінтуірдің оң жақ түймешігімен басамыз контекстік мәзірэлементті тінтуірдің сол жақ түймешігімен басыңыз «Элемент кодын қарау»немесе ұқсас (шолғышыңызға байланысты). Төменде кодты талдауға арналған арнайы терезеде біз ұқсас нәрсені аламыз.
Сілтеме кодында бар екенін көреміз. Бұл бұл сілтеме «ағып кетпейді» және PR болмайды дегенді білдіреді. Бұл туралы алдағы мақалаларда толығырақ айтатын боламыз. Әзірге ең бастысы, сіз енді беттің бастапқы кодын және жеке элементтің бастапқы кодын қалай қарау керектігін білесіз.