Telegram, WhatsApp+380637610482
Valeri Danjuk
Valeri DanjukarendajaTehisintellekti tööriistade arendamine ettevõtetele. Kõrge kvaliteet. Taskukohane.Kirjuta Telegrami

Veebisaidi ekraanipilt veebis: kuidas teha arvutis ja telefonis lehe ekraanipilt ning miks see on SEO jaoks oluline

Veebisaidi ekraanipilt veebis: lehe hetktõmmis lauaarvuti ja mobiiliversioonis, nagu seda näeb uus külastaja

Mida sa saad

  • Tee ekraanipilt mis tahes avaliku lehe esimesest ekraanipildist lauaarvutis ja mobiilis – tasuta, laiendusi pole vaja.
  • Kontrollnimekiri ekraanipildil kontrollitavatest asjadest: esimene ekraan, mobiilipaigutus, hüpikaknad
  • Kuidas aru saada, millal on vaja ekraanipilti, terve lehe hetktõmmist või kiirustesti?
Rakenda: 5 minuti pärastSalvestab: aeg laienduste installimiseks ja aruannete käsitsi ettevalmistamiseks

Lühike vastus: veebisaidi ekraanipildi tegemiseks veebis sisestage lehe aadress tasuta PromoPiloti veebisaidi ekraanipildi tööriista, valige seade – lauaarvuti (umbes 1200 pikslit lai) või mobiilseade (375 pikslit) – ja klõpsake nuppu „Jäädvusta“. Mõne sekundi pärast saate esimese ekraanipildi ja allpool PNG-pildi, mille saate alla laadida. Laiendusi ega tarkvara pole vaja. Allpool selgitame, mida ekraanipildil kontrollida, miks see on SEO jaoks oluline ja millal võite vajada mõnda muud tööriista.

Olen veebilehti loonud 12 aastat ja kasutan igal nädalal veebist ekraanipilte: kliendi maandumislehe telefonis kuvatava pildi kontrollimiseks, aruandele „enne” foto lisamiseks, töövõtjale katkise ploki näitamiseks. Ma ei usalda oma brauserit selliste asjade puhul – sellel on küpsised, administraatoripaneelile sisselogimine ja nõusoleku bänner, mis on pikka aega suletud olnud.

Mida teeb veebisaidi ekraanipildi tööriist?

Peamine erinevus veebipõhise ekraanipildi ja arvuti ekraanipildi vahel on selge vaade. Kaugbrauser avab lehe uue külastajana: ilma teie küpsiste, autoriseerimise või salvestatud säteteta.

Võimalus Kuidas see toimib Miks seda äri vajab?
Töölaua režiim Pildi laius on umbes 1200 pikslit See, mida sülearvuti kasutaja näeb, on selge ilma kerimata.
Mobiilrežiim Foto on 375 pikslit lai, nagu tavalisel nutitelefonil. Mobiil on Google peamine versioon
Esimene ekraan ja kohe allpool Foto kõrgus kuni ~1200 px Siin otsustatakse, kas külaline jääb.
Laadi alla PNG-vormingus Valmis pilt aruande või kirjavahetuse jaoks Pikendusi pole vaja paigaldada ega käsitsi kärpida
Uue külastaja vaade Küpsiseid ega kontole sisselogimist pole vaja Näete bännereid, hüpikaknaid ja kõike muud, mida te pole pikka aega märganud.

Kuidas teha veebis veebisaidist ekraanipilti?

Veebisaidi ekraanipildi tegemine kolmes etapis: sisesta aadress, vali lauaarvuti või mobiilseade, klõpsa nupul „Jäädvusta” ja laadi alla PNG-fail.

  1. Ava veebileht ekraanipilt.
  2. Sisestage aadress – piisab example.com ist või konkreetse lehe täielikust aadressist.
  3. Valige rippmenüüst oma seade: lauaarvuti või mobiilseade.
  4. Klõpsake nuppu "Eemalda" ja oodake paar sekundit.
  5. Laadige alla PNG või avage pilt suuremalt, et näha üksikasju.

Hea harjumus on filmida mõlemad versioonid korraga: esmalt lauaarvuti ja seejärel mobiilseade. Erinevus on sageli üllatav.

PromoPiloti tasuta tööriista "Veebilehe ekraanipilt" leht: URL-i väli, lauaarvuti või mobiilseadme valik ja nupp "Jäädvusta"

Piirangud: mitte rohkem kui 10 fotot minutis, külalistele 15 päevas ja pärast tasuta registreerimist 45. Kui samast lehest on hiljuti foto tehtud, saab tööriist tagastada salvestatud koopia, mida säilitatakse kuni 24 tundi.

Mida peaksin veebisaidi ekraanipildil kontrollima?

Ekraanipilt on kasulik ainult siis, kui tead, mida otsida. Minu kontrollnimekiri esimese ekraanipildi jaoks:

  1. Kas kolme sekundiga on selge, mida müüte? Pealkiri peaks vastama küsimusele "mis see on ja kellele see mõeldud on?". "Tere tulemast!" ei ole vastus.
  2. Kas toimingunupp on nähtav? „Telli“, „Arvuta maksumus“, „Kirjuta Telegram “ – mobiilis peaks see olema esimesel ekraanil, mitte pärast kolme kerimist.
  3. Kas ekraani varjavad ribareklaamid? Küpsiseribareklaam, hüpikaken tellimuse kohta ja vestlusvidin võivad kokku võtta poole telefoni ekraanist. Google ei pane pahaks pealetükkivaid vaheaknaid mobiilseadmetes.
  4. Kas mobiilipaigutus on katki? Tekst ulatub üle servade, nupud kattuvad, menüüd ei mahu ära – see on pärast teema või pluginate muutmist levinud probleem.
  5. Kas pildid on laaditud? Hallid ristkülikud fotode asemel viitavad laisale laadimisele, mis on konfigureeritud nii, et esimese ekraani pildid ilmuvad liiga hilja. See halvendab ka LCP-d, mis on üks Google toimivusnäitajaid.
  6. Kas tekst on loetav? Helehall 12 piksliga font valgel taustal on telefonis loetamatu.

Praktiline nipp: tehke mobiilirežiimis ekraanipildid konkurentide avalehest ja kahest või kolmest põhilehest ning asetage need enda oma kõrvale. See võrdlus on ettevõtte omanikule veenvam kui ükski aruanne.

Miks mul on SEO jaoks vaja veebisaidi ekraanipilti?

Ühendus on otsene. Google kasutab mobiilikeskset indekseerimist: saidi mobiiliversiooni peetakse peamiseks järjestusteguriks. Kui osa sisust on peidetud, ei laadi või on telefoni Windowsi poolt varjatud, näeb otsingumootor kärbitud lehte.

Teiseks, külastajate käitumine. Keegi, kes tuli otsingust ja nägi täisekraanil kuvatavat bännerit või arusaamatut esimest lehekülge, naaseb kiiresti otsingutulemuste juurde. Ekraanipilt on kiireim viis lehte nende silmade läbi näha ja kõik segajad eemaldada.

Kolmandaks, aruandlus. Ümberkujundamise, küljenduse parandamise või esialgse ekraanipildi muutmise „enne” ja „pärast” fotod aitavad kliendile või juhile selgitada, millele raha kulutati.

Kuidas kasutada ekraanipilte töövõtjaga töötades?

Ekraanipilt on parim viis probleemi selgitamiseks ilma arusaamatusteta. Väide „Minu telefoniga on midagi valesti” muutub täpsemaks, kui sõnumile on lisatud noolega foto. Mõned nipid, mis säästavad mulle tunde kirjavahetust:

  • Tehke fotosid aadressi ja seadmega. Foto pealkirjas märkige leht ja režiim: "/kataloog/, mobiil". Arendaja avab kohe sama rakenduse.
  • Tehke enne ja pärast rutiini. Jäädvustage praegune vaade enne muudatuste tegemist ja uus vaade pärast muudatuste tegemist. Nii näete, et ülesanne on täidetud ja miski pole katki.
  • Koguge enne ümberkujundamist fotosid. Aasta pärast on teil selge pilt sellest, milline sait välja nägi, millised plokid olid esimesel lehel ja mis konversiooniga muutus.
  • Võrdle konkurentidega samas skaalas. Veebitööriist jäädvustab kõik veebisaidid samal laiusel, tagades õiglase võrdluse.

See on eriti mugav regulaarsete kliendiaruannete puhul: kord kuus tehtavad ekraanipildid peamiste lehtede esimesest ekraanipildist näitavad tööd selgemini kui tabel.

Võrdlus: veebipõhine ekraanipilt ja alternatiivid

Tööriist Mis on tasuta? Piirangud Kellele see sobib?
PromoPilot — veebisaidi ekraanipilt Esimene ekraan lauaarvuti ja mobiiliversioonides, PNG, nagu seda näeb uus külastaja Ainult esimene ekraan (~1200 pikslit), serveririiki ei saa valida. Kiire paigutuse kontroll ja aruannete hetktõmmised
Chrome'i arendustööriistad Täislehe ekraanipilt, seadmeteülene emuleerimine Sa pead mõistma arendaja tööriistu; brauserit koos küpsistega Arendajatele ja neile, kes vajavad tervet lehte
Google otsingukonsool Google poolt renderdatud lehe ekraanipilt Ainult teie kinnitatud saidile Kontrolli, mida otsingumootor näeb
PageSpeed Insights Lehe laadimisraamid ja kiiruse mõõdikud Fotod on väikesed, peamine eesmärk on kiirus Allalaadimiskiiruse analüüs

Kokkuvõte: igapäevaste toimingute jaoks – kuvamiseks, võrdlemiseks ja aruandele lisamiseks – on veebipõhine ekraanipilt lihtsam. Kui vajate tervet lehte, kasutage DevToolsi; kui teile on oluline, kuidas Google lehte näeb, kasutage Search Console'i.

PromoPilot pakub 87 tasuta SEO tööriista. Kui ekraanipilt näitab, et pildid laadivad aeglaselt, vaadake kõrvalolevat artiklit lehe laadimiskiiruse analüüsi seerias.

Millised on veebipõhiste ekraanipiltide piirangud?

Piirangutega tasub eelnevalt tutvuda, et tulemus sind ei üllataks:

  • Ainult esimene ekraan ja veidi allpool – kuni umbes 1200 piksli kõrguseni; kogu pikk leht ei mahu ära.
  • Sisselogimise, captcha või geoblokeeringu taha jäävad lehed võidakse osaliselt eemaldada või kinni katta.
  • Sisselogimisjärgset seanssi ei emuleerita – te ei pääse ligi oma isiklikule kontole ega ostukorvile.
  • Te ei saa serveririiki valida, seega saidid, mis kuvavad eri riikide jaoks erinevat sisu, võivad teie külastajatele erinevalt paista.
  • 60-sekundiline aegumistähtaeg: kui lehe laadimine võtab kauem aega, kuvab tööriist veateate – ja see on põhjus kiiruse kontrollimiseks.

Millal tasuta tööriistast ei piisa?

Veebisaidi ekraanipilt või ekspertiis: esimese ekraanipildi ekraanipilt versus algpõhjuse leidmine ja paigutuse parandamine

Ekraanipildil on näha sümptom: "kõik telefonis on katki". Kuid see ei ütle, miks see katki on või kuidas seda parandada, et see uuesti ei katki läheks. Teil on vaja spetsialisti, kui:

  • mobiiliversioon lakkab töötamast pärast iga teema või plugina värskendust;
  • esimene ekraan ei genereeri ühtegi päringut ja see tuleb konkreetse toimingu jaoks ümber kujundada;
  • saidi laadimine võtab nii kaua aega, et ekraanipildi tegemiseks pole aega;
  • Uue veebilehe loomine on lihtsam kui lõputult vana lappida.

Mida ma saan teie veebisaidi heaks teha?

Olen Valeriy Danyuk, arendaja ja SEO spetsialist, kellel on 12 aastat kogemust ja üle 200 kliendi. Alustan peaaegu iga projekti ekraanipiltidega – nii oma kliendi kui ka konkurentide veebilehtedest.

SEO ja audit

Veebisaidid ja maandumislehed

Botid ja tehisintellekti teenused

Saada mulle oma Telegram avalehe mobiiliekraanipilt – ma ütlen sulle, mis takistab külastajal tellimust esitamast.

Tulemus

  1. Veebisaidi ekraanipilt näitab sekunditega uue külastaja arvuti või telefoni esimest lehekülge.
  2. Kontrolli ekraanipildil järgmist: selgus, toimingunupp, ribareklaamid, mobiilne paigutus, piltide laadimine ja loetavus.
  3. Mobiiliversioon on Google peamine, seega eemaldage alati mõlemad versioonid.
  4. Kui paigutus ikka ja jälle katki läheb, on odavam sait uuesti üles ehitada – näiteks 1001site, kus mobiiliversioon on kohe valmis.

Tee oma avalehest tasuta veebipõhine ekraanipilt ja mobiiliversioon kohe – ja näe seda ostjana.

Allikad

  • PromoPiloti tööriistaleht „Veebilehe ekraanipilt” – režiimid, piirangud, kitsendused ja KKK.
  • Google Search Central – dokumentatsioon mobiilseadmetele orienteeritud indekseerimise kohta.
  • Chrome DevToolsi ja Google PageSpeed Insightsi dokumentatsioon.

Viited ja allikad

Küsimused ja vastused

Kuidas ekraanipilt luuakse?

Kaugbrauser avab teie aadressil oleva lehe ja jäädvustab nähtava osa – esimese ekraanipildi ja veidi allpool oleva pildi. Ekraanipilt näitab saiti nii, nagu see kuvatakse esmakülastajale: ilma teie küpsisteta ja sisselogimata.

Kas on võimalik kogu leht eemaldada?

Ei, tööriist jäädvustab esimese ekraanipildi ja selle all oleva umbes 1200 piksli kõrguse. Terve lehe jäädvustamiseks kasutage Chrome DevToolsi sisseehitatud funktsiooni „Jäädvusta täissuuruses ekraanipilt” või brauserilaiendust.

Miks kontrollida mobiiliversiooni?

Google kasutab mobiilikeskset indekseerimist: veebisaidi mobiiliversiooni peetakse peamiseks järjestusteguriks. Kui telefonis on tekst ära lõigatud, nupud kattuvad või esimene ekraan on ribareklaami poolt varjatud, kahjustab see nii SEO-d kui ka otsingupäringuid.

Kontrollisime veebilehte, aga kedagi pole, kes seda parandaks?

See tasuta tööriist paljastab probleemid. Analüüsin aruannet, sean prioriteediks ja parandan need: SEO audit, kiirendamine, märgistus ja uuele saidile migreerimine ilma edetabelit kaotamata.