Paano makahanap ng isang error sa css code. Pagwawasto ng html at css gamit ang W3C validator. Paggawa ng mga butones na napakalaki

Ang pagpapatunay ay ang proseso ng pagsuri ng CSS code laban sa CSS2.1 o CSS3 na detalye. Alinsunod dito, ang tamang code na hindi naglalaman ng mga error ay tinatawag na valid, at ang code na hindi nakakatugon sa detalye ay tinatawag na invalid. Ang pinaka-maginhawang paraan upang suriin ang code ay sa pamamagitan ng website na http://jigsaw.w3.org/css-validator/ Gamit ang serbisyong ito, maaari mong tukuyin ang address ng isang dokumento, mag-upload ng file, o suriin ang nai-type na teksto. Ang isang malaking bentahe ng serbisyo ay suporta para sa mga wikang Russian at Ukrainian.

Suriin ang URI

Ang tab na ito ay nagpapahintulot sa iyo na tukuyin ang address ng isang pahina na matatagpuan sa Internet. Ang http:// protocol ay hindi kailangang isulat; ito ay awtomatikong idaragdag (Larawan 20.1).

kanin. 20.1. Sinusuri ang isang dokumento sa pamamagitan ng address

Matapos ipasok ang address, mag-click sa pindutang "Suriin" at lilitaw ang isa sa dalawang inskripsiyon: "Binabati kita! Walang nakitang mga error" kung matagumpay o "Paumanhin, nakita namin ang mga sumusunod na error" kung hindi wasto ang code. Ang mga mensahe ng error o babala ay naglalaman ng isang numero ng linya, isang tagapili, at isang paglalarawan ng error.

Suriin ang na-upload na file

Binibigyang-daan ka ng tab na ito na mag-load ng HTML o CSS file at suriin ito para sa mga error (Figure 20.2).

kanin. 20.2. Sinusuri ang isang file kapag dina-download ito

Awtomatikong kinikilala ng serbisyo ang uri ng file at, kung tinukoy ang isang HTML na dokumento, kinukuha ang istilo mula dito para sa pagpapatunay.

Suriin ang nai-type na teksto

Ang huling tab ay inilaan para sa direktang pagpasok ng HTML o CSS code, kung saan ang istilo lamang ang susuriin (Larawan 20.3).

kanin. 20.3. Sinusuri ang inilagay na code

Ang pagpipiliang ito ay tila ang pinaka-maginhawa para sa pagsasagawa ng iba't ibang mga eksperimento sa code o mabilis na pagsuri sa maliliit na fragment.

Pagpili ng Bersyon ng CSS

Ang CSS3 ay may maraming mga bagong katangian ng pag-istilo kumpara sa nakaraang bersyon, kaya dapat mong suriin ang iyong code batay sa bersyon. Bilang default, tinutukoy ng serbisyo ang CSS3, kaya kung gusto mong suriin ang iyong code laban sa CSS2.1, dapat mong tahasan itong tukuyin. Upang gawin ito, mag-click sa tekstong "Mga karagdagang tampok" at sa bloke na bubukas, piliin ang CSS2.1 mula sa listahan ng "Profile" (Fig. 20.4).

kanin. 20.4. Pagtukoy sa bersyon ng CSS na susuriin

Nabanggit ko na kung ano ang umiiral sa mga tuntunin ng bisa ng html code. Dapat itong gawin nang hindi bababa sa pana-panahon, dahil bisa parehong html at css lubos na nakakaapekto sa site, iyon ay, ang magkatulad na pagpapakita ng iyong mapagkukunan sa iba't ibang mga browser (isang pangkalahatang artikulo tungkol sa sikat at pinakamahusay na mga web browser, na, umaasa ako, ay makakatulong sa iyo na pumili ng pabor sa isa sa kanila).

Bilang karagdagan, nabanggit ko na, sa kabila ng katotohanan na ang mga search engine sa yugtong ito ay hindi isinasaalang-alang ang mga error sa CSS at HTML code kapag nagraranggo ng mga site, sa hinaharap ang lahat ay maaaring magbago at maaari kang makakuha ng isang sitwasyon kung saan ang isang magandang dinisenyo na proyekto ay ginawa. para sa mga tao ay maaaring mawalan ng ilan sa mga potensyal na madla nito dahil sa hindi pagpapatunay. Well, okay, ito lang ang lyrics, dito lahat ay nagpapasya para sa kanilang sarili kung gaano kahalaga ang lahat.

Sa palagay ko ay pamilyar ka na ngayon sa aking opinyon, dahil isinusulat ko ang artikulong ito, na nangangahulugang itinuturing kong karapat-dapat itong pansinin kasama, halimbawa, isang mahalagang bahagi ng pag-optimize ng SEO bilang pagharang sa mga link at mga fragment ng teksto mula sa pag-index ng Google at Yandex o karampatang paggamit.

Okay, tulad ng sinasabi nila, mas malapit sa punto. Una ng kaunti tungkol sa CSS. CSS ( Cascading Style Sheet- Cascading Style Sheets) ay isang istilong wika na tumutukoy sa pagpapakita ng mga HTML na dokumento. Iyon ay, kung inilalarawan ng HTML ang nilalaman ng pahina, pagkatapos ay i-format ng CSS ang nilalamang ito, sa madaling salita, binibigyan ito ng kumpletong hitsura. Sa pamamagitan ng paraan, upang madagdagan ang bilis ng site ay magiging kapaki-pakinabang na isagawa ang iyong mga file ng tema.

W3C validator: sinusuri ang bisa ng CSS code

Ngayon ay lumipat tayo sa kung paano suriin ang bisa ng isang dokumento (isang pahina sa aming website o isang WordPress blog). Tulad ng sa kaso ng pagsuri sa HTML code, gagamitin namin ang isa sa mga tool. Lumipat tayo sa serbisyo ng pagpapatunay ng CSS:


Tulad ng nakikita mo, mayroong tatlong mga pagpipilian para sa pagsuri sa bisa ng CSS gamit ang W3C validator. Sa pamamagitan ng paraan, tandaan na sa ibaba ng pahina ng validator ay may isang tala na nagpapahiwatig ng pangangailangan na suriin ang HTML code para sa bisa. Ang parehong tamang code lamang ang gumagarantiya sa kawastuhan ng buong dokumento. Upang suriin, ilagay ang URL. Halimbawa, tingnan natin ang pangunahing pahina ng aking blog:


Ang resulta ng pagsusuri ng validator ng W3C tungkol sa mga error sa CSS code ay hindi matatawag na nakakadismaya, dahil 2 error lang ang natagpuan. Siyempre, ang mga error na ito ay magkakaiba, sa bawat partikular na kaso nagdudulot sila ng iba't ibang mga kahihinatnan. Tingnan natin kung ano ang maaari nating gawin upang maalis ang mga ito. Ang lahat ay maginhawa dito, dahil ang validator ng W3C ay nagbibigay hindi lamang ng isang link sa dokumento na naglalaman ng hindi tamang code, kundi pati na rin ang numero ng linya kung saan ito matatagpuan. Siyanga pala, sa ibaba, pagkatapos ng listahan ng mga babala at error, isang bersyon ng tamang CSS code ang ipapakita, na magagamit mo:


Ang pahina ng resulta ng pagsusuri sa validity ng CSS ay naglalaman ng isang link sa dokumento css.ie, na matatagpuan sa folder ng tema. Ito ay nilikha upang makamit ang cross-browser compatibility ng blog (ang parehong display sa mga sikat na browser). Bukod dito, partikular para sa iba't ibang mga pagbabago ng Internet Explorer, na naghihirap mula sa iba't ibang "jambs" sa mga tuntunin ng pagbaluktot sa hitsura ng site, lalo na ang mga mas lumang bersyon nito (Ang IE9 ay mas mahusay sa bagay na ito). Napakahalaga ng cross-browser compatibility para sa pag-unlad ng proyekto, ngunit sa pagsusuri, lumabas na ang dokumentong ito ay naglalaman ng mga katangian na hindi sumusunod sa mga pamantayan ng W3C.

Kaya, nakakakuha kami ng mga linya 3 at 12, na naglalaman ng mga error. Upang ayusin ang mga ito, dapat mong alisin ang error sa pag-parse html (filter: expression(document.execCommand("BackgroundImageCache", false, true));) at ari-arian .zoom. Ngayon hindi ako pupunta sa mga intricacies ng programming at layout ng website, mapapansin ko lamang na ang ari-arian pagpapahayag tumutulong na maalis ang nakakainis na pagkutitap na epekto ng mga larawan sa background na nangyayari sa IE6.

Iyon ay, sa isang browser na ang paggamit ay huminto, at sa mga kasunod na bersyon ang "glitch" na ito ay hindi na sinusunod. Sasabihin ko kaagad na patuloy kong gagamitin ang "lunas" na ito sa loob ng ilang panahon, hanggang ang bilang ng mga potensyal na bisita na gumagamit ng IE6 ay umabot sa pinakamababang antas. Gayunpaman, para sa kalinawan, upang ipakita sa iyo kung paano tutugon dito ang validator ng W3C, aalisin ko ito.

Ang .zoom property, na nagtatakda ng zoom factor ng isang elemento, ay hindi bahagi ng W3C International Standard, at sinusuportahan ng napakalumang bersyon ng mga browser na Opera, Safari, kasama ang IE8(Ang bersyon 9 ay halos ganap na "masunurin sa batas", kaya sa lalong madaling panahon, umaasa ako, ang mga webmaster ay mapalaya mula sa pangangailangang gumamit ng mga hack, iyon ay, mga karagdagang code na nagpapahintulot sa kanila na makamit ang maximum na cross-browser compatibility). Ngayon tingnan natin ang dokumentong naglalaman ng mga di-wastong elemento at itama ito:


Ang dokumentong ito ay matatagpuan sa aking Cloudy theme folder, inaalis ko ang mga item sa itaas na hindi pumasa sa validity check. Dagdag pa, sa mga resulta ng pagsusuri ng bisa, bilang karagdagan sa mga pagkakamali, mayroon ding maraming tinatawag na mga babala:


Bilang isang halimbawa, susubukan kong ipakita nang malinaw kung paano mapupuksa ang pinakakaraniwan sa kanila, at sa parehong oras, ipaliwanag ang kanilang mga kahulugan. Tulad ng nakikita mo, nagbabala ang validator ng W3C tungkol sa pagkakaroon ng parehong mga kulay para sa teksto at background. Dapat sabihin na ito ay karaniwang hindi kanais-nais sa anumang kaso, dahil ang mga search engine ay maaaring isaalang-alang ang estado na ito bilang pagtatago ng impormasyon, na puno ng malubhang parusa.

Siyempre, hindi ito palaging nangyayari, ngunit ang panganib na ito ay hindi maaaring maliitin. Kaya, magpatuloy tayo sa pagwawasto ng sitwasyon. Pinakamainam na kopyahin ang file style.css ang iyong tema sa HTML at PHP, ang notepad++ editor na aking napag-usapan at nagpapadali sa paghahanap ayon sa numero ng linya:

Ngayon alam na namin kung saan matatagpuan ang mga linyang ito sa iyong theme file, inaayos namin ang kulay sa pamamagitan ng bahagyang pagbabago ng kulay. Sa sistema ng kulay ng hexadecimal, kinakatawan ng #ffffff ang kulay puti. Binabago namin ito bilang mga sumusunod: sa halip na ang huling f ipasok namin ang d, kaya nakakakuha ng bahagyang naiibang lilim ng puti; Ngayon ang mga pagbabago ay hindi na mapapansin para sa mga user, ngunit makikita ng mga search engine ang pagkakaiba:


Ito ay tinatayang kung paano mo maitatama ang mga di-wastong bahagi ng CSS code ng iyong mga pahina ng mapagkukunan. Sa parehong paraan, nakita namin ang natitirang mga lugar na may marka ng mga babala at kung saan ay kailangang itama ang mga babala tungkol sa linya 483 (nga pala, marami sa kanila, mga 10). Sa pagsuri, nalaman kong ang dahilan ay ang WP Page Numbers plugin, na nagbibigay ng pagination navigation.

Ito ang nag-udyok sa akin na i-deactivate ang plugin at ang dahilan kung bakit sa wakas ay pinalitan ko ito ng code injection, na isang hakbang patungo sa pagbawas ng load sa server. Sa sandaling ginawa ko ito, ang mga babala tungkol sa paglabag sa bisa ng code ng partikular na plugin na ito ay agad na nawala sa muling pagsusuri. Pagkatapos ng mga hakbang na inilarawan sa itaas, muli naming sinusuri ang bisa ng CSS gamit ang W3C validator:


Ngayon alam mo na kung paano suriin ang bisa ng isang CSS na dokumento (web page ng isang website o blog) gamit ang W3C validator. Sa wakas, nais kong tandaan na ang bawat isa ay nagpapasya para sa kanilang sarili ang antas at dalas ng pagsuri sa bisa ng CSS code, ang lahat ay nakasalalay sa mga pangyayari, ngunit gayunpaman, paminsan-minsan dapat itong gawin, sa aking malalim na paniniwala. Mag-subscribe sa mga update sa blog upang makatanggap ng mga sariwang materyales sa pamamagitan ng e-mail. Kaya naman hayaan mo akong umalis, sana hindi tayo maghihiwalay ng matagal.

Ang pagsuri sa web code para sa bisa ay ang pagsuri nito para sa pagsunod sa mga pamantayan at sertipiko ng W3C.
Ang W3C (World Wide Web Consortium) ay ang mga teknikal na setter ng Web, pagbuo ng mga pamantayan at mga alituntunin para sa pagsulat ng code. Ang mga sertipiko at pamantayan ng W3C ay sapilitan para sa lahat na nagtatrabaho sa Web. Ang mga karaniwang pamantayan sa pagbaybay ng code ay kailangan upang ang lahat ng mga aplikasyon ng Network ay makipag-usap sa isang espasyo ng wika, sa mga karaniwang wika, at magkaintindihan kapag nagtatrabaho sa mga dokumento sa web.
Ang W3C ay hindi lamang lumilikha ng mga pamantayan sa Web, ngunit aktibong nagtataguyod ng kanilang pagsunod.
Ang W3C ay may mga online na serbisyo para sa pagsusuri ng HTML/XHTML at CSS code para sa bisa.
Ang pagsuri sa iyong code para sa pagsunod sa mga pamantayan ng W3C gamit ang mga validator ng W3C ay ang pinakamahusay na paraan.

Libreng online na serbisyo mula sa W3C para sa pagsuri ng code para sa bisa.
Ang mga validator mula sa W3C ay may intuitive na interface. Ang pakikipagtulungan sa kanila ay madali at simple.
Ginagawang posible ng mga serbisyo na magsagawa ng mga pagsusuri sa tatlong mga mode at, nang naaayon, mayroon lamang tatlong mga pindutan:
Suriin ang URL
(upang suriin kailangan mong ipahiwatig ang address ng anumang pahina ng site na magagamit sa Internet)
Suriin ang na-upload na file
(upang suriin kailangan mong tukuyin ang landas sa file na sinusuri)
Suriin ang nai-type na teksto
(upang suriin, kailangan mong kopyahin at i-paste ang code na sinusuri sa window ng validator)

Ang huling dalawang pamamaraan ay lalong kapaki-pakinabang kapag sinusuri ang mga dokumento sa web o mga teksto na matatagpuan sa mga lokal na computer. Ang mga ito ay maaaring mga web page, maaaring na-download na mula sa Internet patungo sa lokal na computer, o nabuo ng mga engine na matatagpuan sa mga lokal na server, tulad ng Denver. Sa kaso ng Denver, kailangan mong i-save ang pahina sa pamamagitan ng isang browser bilang isang file na may extension na .html at pagkatapos ay suriin ito bilang isang hiwalay na file, o kopyahin ang source code ng web page nang direkta mula sa browser at tingnan kung paano ang teksto ay nai-type.

Paano gumamit ng mga online validator mula sa W3C.
makipag-ugnayan sa validator sa:
(http://validator.w3.org/ - para sa pagpapatunay ng HTML o XHTML
http://jigsaw.w3.org/css-validator/ - para sa pagsuri ng CSS)
sa validator window na bubukas, pumili ng isa sa tatlong paraan ng pag-verify
(URL ng pahina ng site, lokal na file o nai-type na teksto)
pumunta sa naaangkop na tab
ipahiwatig ang bagay na susuriin
(ipasok ang URL ng web page na iyong sinusuri,
o ang landas patungo sa file sa lokal na computer,
o ipasok ang code na susuriin, ayon sa pagkakabanggit)
I-click ang button na "Suriin" at tingnan ang resulta ng pagsubok

Sinusuri ng mga serbisyo mula sa W3C ang code para sa bisa at agad na ituro ang mga error kung mayroon man. Ang bawat error ay ikomento. Ang mga komento, sa kasamaang-palad, ay nasa Ingles. Kaya, makakatulong ang Google translator na itama ang code, kung kinakailangan, at suriin itong muli para sa pagsunod.
Ang mga validator mula sa W3C ay ganap na libre at awtomatiko. Samakatuwid, maaari mong martilyo ang mga ito sa iyong trabaho sa mga pagkakamali sa loob ng mahabang panahon at nang walang parusa. Ito ang dahilan kung bakit nilikha ang mga serbisyong ito.

Isang normal na alternatibo sa mga validator ng W3C.
Bilang karagdagan sa mga W3C online na server para sa pagsuri sa web code, ang HTML Validator extension para sa Mozilla Firefox browser ay nagbibigay ng napakagandang resulta. Ang pagkakaroon ng naturang add-on sa browser ay nagpapadali sa gawain ng webmaster at muling nagpapatunay na ang Mozilla Firefox ay isang "pagpipiloto" na browser.
Maaari mong i-download ang extension para sa mozilla dito: http://users.skynet.be/mgueury/mozilla/

Maaari mong i-install ang extension tulad nito:
- Ilunsad ang Firefox.
Susunod: Menu - Mga Tool - Mga Add-on - Mga Extension.
At, i-drag lang at i-drop ang na-download na file (xpi extension) sa window na bubukas.
Pagkatapos nito, awtomatikong mai-install ang extension.

o (pangalawang paraan):
- Ilunsad ang Firefox.
Susunod: Menu - File - Buksan ang file - tukuyin ang path sa na-download na file.
Pagkatapos nito, awtomatikong mai-install muli ang extension.

Pagkatapos makumpleto ang pag-install, kakailanganin mong i-restart ang browser.
Kapag nag-restart ka, may lalabas na window na humihiling sa iyong pumili ng paraan para sa pag-scan ng mga web page:
"HTML Tidy" o "SGML Parser" o "Serial"
Pinipili namin ang paraan ng "SGML Parser" bilang ang pinaka-maginhawa at katanggap-tanggap na opsyon. I-click ang naaangkop na pindutan Ngayon, sa window ng browser, isang icon ng shortcut para sa add-on ay ipapakita, at sa tabi nito ay isang pindutan para sa menu ng mga setting ng add-on.
Mayroon akong nasa itaas at kanan:

Ang HTML Validator para sa Mozilla Firefox browser ay ganap na gumagana nang awtomatiko. Hindi niya kailangang ipakita kung ano ang susuriin. Sinusuri nito ang lahat ng mga dokumento na bubuksan sa Mozilla Firefox. Ito ay napaka maginhawa. Sapat na tingnan ang kulay ng label ng programa upang maunawaan kung may mga problema o wala sa bukas na dokumento.
Depende sa mga resulta ng pagsubok, ang kulay ng icon ay maaaring berde, dilaw o pula, na nagpapahiwatig ng sumusunod:
berde - "walang mga error", lahat ay "OK"
dilaw - "walang mga error, ngunit may mga babala"
pula - "may mga error"

Kapag nag-click ka sa shortcut, magbubukas ang isang window na naglalaman ng source code ng page na iyong tinitingnan na may mga paliwanag at komento sa mga error at babala, kung mayroon man.
May ganito.

Sinusuri ang html code, maaaring tinukoy gamit ang isang link sa isang pahina, o sa anyo lamang ng isang na-upload na file o kinopyang teksto. Nagbibigay ng listahan ng mga komento na may mga rekomendasyon para sa pagwawasto sa mga ito.
http://validator.w3.org/

Pagpapatunay ng CSS (css validator)

Sinusuri ang mga istilo ng dokumento o isang style sheet na matatagpuan sa isang hiwalay na file.
http://jigsaw.w3.org/css-validator/

Sinusuri ang mga RSS at Atom feed

Sinusuri kung gumagana nang tama ang mga RSS at Atom feed.
http://validator.w3.org/feed/

Suriin ang spelling sa isang web page

Nagha-highlight ng mga error sa ibinigay na pahina ng URL.
http://webmaster.yandex.ru/spellcheck.xml

Nagpapakita ng mga error sa text na kinopya sa window ng pag-verify.
http://api.yandex.ru/speller/

Sinusuri ang istraktura ng web page

Ipinapakita ang istraktura ng isang web page. May kaugnayan para sa pagsuri ng mga HTML5 na dokumento.
Ang Cyrillic alphabet ay hindi ipinapakita nang tama (:.

http://gsnedders.html5.org/outliner/

Sinusuri ang nilalaman para sa pagiging natatangi
Ang libreng bersyon ay nagpapakita ng hanggang 10 mga pahina sa Internet na may bahagyang mga tugma ng teksto sa iyong pahina.

http://www.copyscape.com
Sinusuri ang pagiging natatangi ng tekstong inilagay sa form. Sa libreng bersyon, maaari kang maghintay para sa mga resulta.

http://www.miratools.ru/Promo.aspx
Sinusuri ang pagiging natatangi ng parehong ipinasok na teksto at ang teksto sa ibinigay na URL, ipinapakita ang antas ng pagiging natatangi bilang isang porsyento.

May sariling algorithm sa pag-verify.
http://content-watch.ru
Mga desktop program para sa pagsuri sa pagiging natatangi ng nilalaman mula sa mga palitan ng copywriting. Gumagana sila nang mahabang panahon, ngunit may mataas na kalidad. Ang Etxt ay may mga bersyon para sa tatlong operating system: Mac, Linux at Windows.

http://advego.ru/plagiatus/
http://www.etxt.ru/antiplagiat/

Nagpapakita ng mga site na may katulad na nilalaman at katulad na panloob na istraktura.

http://similarsites.com
Sinusuri ang cms ng site

Sinusuri ang mga palatandaan ng pinakasikat na cms.

http://2ip.ru/cms/

Sinusuri ang kakayahang magamit ng website para sa iba't ibang pangkat ng user
Sinusuri ang pagiging naa-access mula sa mga mobile device

Sinusuri ang kakayahang tingnan ang pahina mula sa mga mobile device at nagpapakita ng listahan ng mga komento at error.
https://www.google.com/webmasters/tools/mobile-friendly/

Ipinapakita ang bilis ng paglo-load ng site sa mga mobile device.
https://testmysite.withgoogle.com/intl/ru-ru

Ang site ay isang emulator para sa pag-log out mula sa isang mobile phone. Ipinapakita ang site sa pamamagitan ng mga mata ng napiling modelo.
http://www.mobilephoneemulator.com/

Sinusuri ang accessibility para sa mga taong may kapansanan

Serbisyo sa pag-verify ng pahina para sa may kapansanan sa paningin. Magagamit online at bilang isang plugin para sa Firefox.
http://wave.webaim.org/

Pagtingin sa nilalaman ng site sa pamamagitan ng mga mata ng isang search robot

Ipinapakita ang text ng site na malapit sa nakikita ng search indexer.
http://www.seo-browser.com/

Pamamahagi ng browser ng teksto ng Lynx para sa mga system ng win32. Bago gamitin, kailangan mong i-edit ang lynx.bat, na nagpapahiwatig dito ng landas sa direktoryo na may lynx.
http://www.fdisk.com/doslynx/lynxport.htm

Tinatanggal ang lahat ng markup at ipinapakita ang text ng page, meta tag at title tag, bilang ng external at internal na link. Nagpapakita ng preview ng page sa Google.
http://www.browseo.net

Sinusuri ang istraktura ng link ng site

Sinusuri ang mga sirang link

Nagpapakita ng listahan ng mga papalabas na link para sa isang URL at sinusuri ang pagiging tumutugon ng mga ito. Maaari itong suriin nang recursively, iyon ay, lumipat mula sa isang dokumento patungo sa isa pa nang nakapag-iisa.
http://validator.w3.org/checklink

Freeware tool para sa pagsuri ng mga sirang link. Upang gumana kailangan mong i-install ito sa iyong computer. Ang paulit-ulit na pag-scan sa site, paggawa ng mga ulat, ay maaaring maging kapaki-pakinabang para sa paggawa ng mapa ng site.
http://home.snafu.de/tilman/xenulink.html

Sinusuri ang pag-link at mga pamagat ng pahina

Nag-scan ng hanggang 500 mga pahina ng website sa libreng bersyon. Sinusuri ang bilang ng mga panlabas at panloob na link. Nagpapakita ng impormasyon tungkol sa mga na-scan na pahina: nesting, mga response code, mga pamagat, impormasyon ng meta at mga heading.
http://www.screamingfrog.co.uk/seo-spider/

Sinusuri ang istruktura ng link at bigat ng mga panloob na pahina

Ini-scan ng program ang site, bumubuo ng matrix ng mga panloob na link, nagdaragdag ng mga panlabas (papasok) na link mula sa mga ibinigay na URL at, batay sa data na ito, kinakalkula ang panloob na mga timbang ng mga pahina ng site. Maaaring gamitin ang program upang maghanap ng mga panlabas na (papalabas) na mga link para sa isang listahan ng mga URL ng pahina ng website.

Sinusuri ang mga code ng tugon ng server, visibility ng site sa pamamagitan ng mga robot sa paghahanap, mga teknikal na katangian ng site

Sinusuri ang mga header ng HTTP at tugon ng server, visibility ng page para sa mga robot

Sinusuri ang mga code ng tugon ng server, hinuhulaan ang bilis ng paglo-load ng pahina depende sa dami sa byte ng data nito, ipinapakita ang mga nilalaman ng html head tag, panloob at panlabas na mga link para sa pahina, at mga nilalaman ng pahina sa pamamagitan ng mga mata ng isang robot sa paghahanap.
http://urivalet.com/

Sinusuri ang mga code ng tugon ng server. Ginagawang posible na suriin ang mga pag-redirect (mga response code 301, 302), Huling Binago na header, atbp.
http://www.rexswain.com/httpview.html

Ipinapakita ang dami at nilalaman ng data na inilipat kapag na-load ang pahina.
http://www.websiteoptimization.com/services/analyze/

Sinusuri ang mga pag-redirect, paggamit ng canonical attribute, meta tag, at ilang aspeto ng seguridad ng site. Nagbibigay ng mga rekomendasyon para sa pagpapabuti ng paglo-load ng pahina.
http://www.seositecheckup.com

Sinusuri ang impormasyon ng domain at IP address

Serbisyo ng WHOIS ng RU center domain registration center. Nagbibigay ng impormasyon sa mga IP address at domain sa buong mundo. Minsan nagyeyelo.
https://www.nic.ru/whois/?wi=1

Sino ang serbisyo mula sa RosNIIROS (RIPN). Nagbibigay ng impormasyon para sa mga domain sa RU zone at mga IP address mula sa RIPE database (Europe).
http://www.ripn.net:8080/nic/whois/

Tinutukoy kung saan naka-host ang domain at ipinapakita rin ang IP address ng site.
http://www.whoihostingthis.com

Sinusuri kung ang IP address ay kasama sa blacklist para sa pagpapadala ng mga email.
http://whatismyipaddress.com/blacklist-check
http://ru.smart-ip.net/spam-check/

Sinusuri ang mga tala ng MX para sa isang domain. Sinusuri ang SMTP server para sa isang domain. Sinusuri ang IP sa mga mailing list.
https://mxtoolbox.com/

Maghanap sa database ng mga rehistradong trademark sa USA.
http://tmsearch.uspto.gov/

Sinusuri ang mga robots.txt file

Sinusuri ang pagkakaroon ng mga pahina ng site para sa pag-index ng Yandex robot.
http://webmaster.yandex.ru/robots.xml

Sinusuri ang kawastuhan ng robots.txt file.
https://www.websiteplanet.com/webtools/robots-txt

Inspeksyon ng site

Pagsubaybay sa pagkakaroon ng site. Binibigyang-daan kang kumonekta ng isang website nang libre nang may kaunting mga pagpipilian sa pag-verify.
http://www.siteuptime.com

Sinusuri ang bilis ng paglo-load ng site. Nagpapadala ng ulat sa pamamagitan ng email. Mayroon itong mga bayad na serbisyo para sa pagsubaybay sa pagkakaroon ng site.
http://webo.in

Sinusuri ang bilis ng paglo-load ng mga pahina ng website.
http://www.iwebtool.com/speed_test

Sinusuri ang pag-index at pagpapakita ng site sa pamamagitan ng mga search engine

Pagpapakita ng website sa mga search engine

Isang serbisyong nagpapakita ng mga keyword para sa isang site kung saan ito ay nasa TOP 20 (top twenty) na resulta ng Google sa paglipas ng panahon. Data sa paghahanap at trapiko sa advertising.
http://www.semrush.com/

Posisyon sa TOP50 Yandex at Google. TIC ng site at PR ng pangunahing pahina, presensya sa mahahalagang direktoryo, visibility sa itaas para sa mga query na may mataas na dalas.
http://pr-cy.ru/

Sinusuri ang mga pagbabawal at antas ng tiwala sa site

Sinusuri ang pagiging mapagkakatiwalaan ng site. Isang serbisyo na nagsasabing sinusukat nito ang tiwala para sa Yandex (walang sinuman ang makakasuri nito :).
http://xtool.ru/

Sinusuri ang overlay ng mga filter ng Panda at Penguin mula sa Google. Binibigyang-daan ka ng serbisyong biswal na matukoy kung nag-crash ang isang site sa mga petsa ng pag-update ng Panda at Penguin.
http://feinternational.com/website-penalty-indicator/

Pagsuri sa Ranggo ng Pahina ng mga pahina ng site (kapag kumopya ng URL sa tool, kailangan mong burahin ang huling titik at pagkatapos ay isulat itong muli).
http://www.prchecker.net/

Sinusuri ang kasaysayan ng pag-unlad ng site

Ipinapakita ang kasaysayan ng pag-unlad ng site at ginagawang posible na tingnan ang mga screenshot ng mga lumang pahina.
http://www.archive.org/web/web.php

Kasaysayan ng mga posisyon ng site sa TOP Google (mga pangunahing parirala, pahina, heading), PR indicator, TIC, Alexa Rank, bilang ng mga backlink para sa mga sikat na site.
http://SavedHistory.com

Mga plugin ng SEO para sa pagsuri sa mga site

Ang SEO Doctor ay isang add-on para sa Firefox. Nagpapakita ng mga link sa page at nagbibigay ng maginhawang interface sa iba't ibang serbisyo ng SEO.
http://www.prelovac.com/vladimir/browser-addons/seo-doctor/

Ang SeoQuake ay isang add-on para sa Firefox. Ipinapakita ang pinakamahalagang katangian ng site: TIC, PR, backlink, Alexa Rank.
Gumagana sa parehong mga resulta ng Google at Yandex. Nagbibigay ng kakayahang mabilis na pag-aralan ang mga kakumpitensya.

http://www.seoquake.com/

Ang IEContextHTML ay isang add-on para sa Internet Explorer. Sinusuri ang pag-index ng mga link sa Yandex at Google, nagpapakita ng listahan ng mga panlabas at panloob na link, at pinapayagan kang mag-import ng data mula sa mga web page.

Ang kakayahang makita ng isang site sa mga search engine ay depende sa lokasyon nito
Isang na-update na listahan ng mga libreng proxy server, kabilang ang mga Ruso.
http://www.checker.freeproxy.ru/checker/last_checked_proxies.php

http://spys.ru/proxys/ru/
Isang hindi kilalang libreng proxy na may kakayahang ipakilala ang iyong sarili mula sa tatlong bansa. Gumagana sa paghahanap sa Google.

https://hide.me/en/proxy
Mga emulator sa paghahanap ng Google sa iba't ibang bansa sa pamamagitan ng pagtatakda ng mga parameter sa paghahanap.
http://searchlatte.com/

http://isearchfrom.com/

Sinusuri ang mga posisyon sa Yandex at Google

Nagbibigay-daan ang serbisyo para sa isang malalim na pagsusuri (hanggang sa 500) ng posisyon ng isang site ayon sa rehiyon sa Yandex.

Pagsusuri ng network ng site, pagsuri ng mga backlink

Sinusuri ang masa ng link ng site, bumubuo ng mga hiwa batay sa iba't ibang pamantayan: uri ng link, mga anchor, mga pahina. Ipinapakita ang bigat ng mga backlink.
Ang serbisyo ay magagamit lamang sa mga rehistradong gumagamit.

http://ahrefs.com

Sinusuri ang mga backlink sa site
Sinusuri ang pagkakaroon ng mga backlink sa site sa iminungkahing listahan ng mga URL (hanggang sa 100 mga pahina).

http://webmasters.ru/tools/tracker

Sinusuri ang kasikatan ng isang website sa social media

PlusOneChecker
Ipinapakita ang bilang ng mga like (plusone) sa Google+. Maaari kang magpasok kaagad ng isang listahan ng mga URL na susuriin.

http://www.plusonechecker.net/

Facebook Graph API Explorer

SharedCount
Nagpapakita ng kasikatan sa Twitter, Google+, Facebook, LinkedIn, Pinterest, Delicious, StumbleUpon, Diggs.

http://sharedcount.com

Cool Social
Ipinapakita ang kasikatan ng unang pahina ng site sa Twitter, Google+, Facebook, Delicious, StumbleUpon.

Para sa mga site sa Russia, kung minsan ay hindi tama ang data.

http://www.coolsocial.net

Sosyal-Populalidad
Social Crawlytics

Ini-scan ang site at bumubuo ng mga ulat na "Ibinahagi" ng mga pangunahing dayuhang social network para sa mga pahinang ito. Nagrerehistro ng mga user sa pamamagitan ng isang Twitter account. Makakakita ka ng mga ulat sa mismong susunod na araw.

https://socialcrawllytics.com

Sinusuri ang site para sa mga virus
Dr.Web

Sinusuri ang ibinigay na URL para sa kahina-hinalang code, nagpapakita ng mga na-load na script at ang mga resulta ng kanilang pagsusuri.

http://vms.drweb.com/online/
Kabuuan ng Virus

Sinusuri ang mga URL para sa mga virus na may 30 scanner.

https://www.virustotal.com/#url



Alarm Sistema ng proteksyon ng website laban sa mga virus. Ini-scan ang mga file ng site araw-araw at nagpapadala ng ulat sa kanilang mga pagbabago sa pamamagitan ng email. Sa isa sa mga naunang artikulong napag-usapan ko. Gayunpaman, hindi alam ng lahat na bilang karagdagan sa validator para sa HTML.

, Meron validator para sa CSS din Ibig sabihin Ang bisa ng CSS katulad ng HTML: halos hindi nauugnay. Pareho sa HTML kung magsusulat ka di-wastong CSS, pagkatapos ay walang mga problema (maliban kung, siyempre, may mga malubhang error), gayunpaman, ang wastong code ay palaging mabuti. Ang nasabing code ay malinaw at nakabalangkas, madaling maunawaan, na mahalaga din, lalo na kapag itinatama ito, at lalo na ng ibang tao. Gayundin

Ang bisa ng CSS

pinapabilis ang proseso ng pagproseso, at, dahil dito, ang bilis ng paglo-load ng mga pahina. At sa wakas, dahil sa karaniwang bihirang pagsunod sa bisa, ang wastong code ay palaging nag-uutos ng paggalang, na mahalaga kung gagawin mo ito nang propesyonal. Upang suriin ang bisa ng CSS, kailangan mong gamitin ito

serbisyo ng W3 Ang bisa ng CSS: http://jigsaw.w3.org/css-validator/. Sasabihin ko na agad, unlike mas simple, dahil mayroon lamang mga pagkakamali, maliban sa , na pinakamahusay na iwasan nang buo.

Hayaan akong mag-summarize. Hindi naman kailangang gawing wasto ang code, ngunit masidhi kong inirerekumenda na gawin ito, dahil ang naturang site ay magiging mas madaling i-index ng mga search engine ( Ang bisa ng HTML), gumana nang mas mabilis, mas madaling i-edit at mag-utos ng paggalang mula sa mga propesyonal.