Тэлеграм, WhatsApp  +380637610482
Валерый Данюк
Валерый ДанюкраспрацоўшчыкРаспрацоўка ІІ-інструментаў для бізнесу. Якасна. Нядорага.Напісаць у Telegram

Скрыншот сайта онлайн: як зрабіць здымак старонкі на ПК і тэлефоне і навошта гэта SEO

Скрыншот сайта онлайн: здымак старонкі ў дэсктопнай і мабільнай версіі вачыма новага наведвальніка

Што вы атрымаеце

  • Здымак першага экрана любой публічнай старонкі ў дэсктопнай і мабільнай версіі - бясплатна, без пашырэнняў
  • Чэк-ліст, што правяраць на скрыншоце: першы экран, мабільная вёрстка, усплывальныя вокны
  • Разуменне, калі патрэбен скрыншот, а калі - здымак усёй старонкі або праверка хуткасці
Ужыць: за 5 хвілінЭканоміць: час на ўстаноўку пашырэнняў і ручную падрыхтоўку справаздач

Кароткі адказ: каб зрабіць скрыншот сайта онлайн, увядзіце адрас старонкі ў бясплатны Скрыншот сайта PromoPilot, абярыце прыладу - Desktop (каля 1200 px у шырыню) або Mobile (375 px) - і націсніце "Зняць". Праз некалькі секунд вы атрымаеце здымак першага экрана і крыху ніжэй у PNG, які можна спампаваць. Ні пашырэнняў, ні праграм не трэба. Ніжэй - што правяраць на здымку, навошта гэта для SEO і калі патрэбен іншы інструмент.

Я 12 гадоў раблю сайты і карыстаюся анлайн-скрыншотамі кожны тыдзень: праверыць, як лендынг кліента выглядае на тэлефоне, прыкласці здымак «да» да справаздачы, паказаць падрадчыку зламаны блок. Свайму браўзэру ў такіх справах я не давяраю - у мяне ў ім cookie, уваход у адмінку і даўно зачынены банэр згоды.

Што робіць інструмент «Скрыншот сайта»?

Галоўнае адрозненне анлайн-скрыншота ад здымка экрана на сваім кампутары – чысты погляд. Выдалены браўзэр адкрывае старонку як новы наведвальнік: без вашых cookie, аўтарызацыі і захаваных налад.

Магчымасць Як працуе Навошта гэта бізнэсу
Дэсктопны рэжым Здымак у шырыню каля 1200 px Відаць, што чалавек з наўтбука бачыць без пракруткі
Мабільны рэжым Здымак у шырыню 375 px, як у тыповага смартфона Мабільная версія - асноўная для Google
Першы экран і крыху ніжэй Вышыня здымка да ~1200 px Менавіта тут вырашаецца, ці застанецца наведвальнік.
Спампоўванне ў PNG Гатовая карцінка для справаздачы ці перапіскі Не трэба ставіць пашырэнні і абрэзаць уручную
Погляд новага наведвальніка Без кукі і ўваходу ў рахунак Бачныя банеры, папы і ўсё, што вы даўно не заўважаеце

Як зрабіць скрыншот сайта анлайн?

Скрыншот сайта за 3 крокі: увесці адрас, выбраць прыладу Desktop або Mobile, націснуць «Зняць» і спампаваць PNG

  1. Адкрыйце Скрыншот сайта.
  2. Увядзіце адрас - дастаткова example.com або поўнага адрасы канкрэтнай старонкі.
  3. Абярыце прыладу ў выпадаючым спісе: Desktop або Mobile.
  4. Націсніце "Зняць" і пачакайце некалькі секунд.
  5. Запампуйце PNG або адкрыйце здымак буйней, каб разгледзець дэталі.

Добрая звычка - здымаць адразу абедзве версіі: спачатку Desktop, потым Mobile. Розніца часта аказваецца нечаканай.

Старонка бясплатнай прылады «Скрыншот сайта онлайн» PromoPilot: поле URL, выбар прылады Desktop або Mobile і кнопка «Зняць»

Па лімітах: не больш за 10 здымкаў за хвіліну, за суткі — 15 для госця і 45 пасля бясплатнай рэгістрацыі. Калі здымак той жа старонкі ўжо рабілі нядаўна, прылада можа аддаць захаваную копію - яна захоўваецца да сутак.

Што правяраць на скрыншоце сайта?

Скрыншот карысны, толькі калі ведаць, на што глядзець. Мой чэк-ліст для першага экрана:

  1. Ці зразумела за 3 секунды, што вы прадаяце. Загаловак павінен адказваць на пытанне "што гэта і для каго". «Сардэчна запрашаем!» - не адказ.
  2. Ці бачная кнопка дзеяння. "Замовіць", "Разлічыць кошт", "Напісаць у Telegram " – на мабільным яна павінна быць на першым экране, а не пасля трох пракрутак.
  3. Ці не зачынены экран банэрамі. Cookie-банэр, папап з падпіскай і чат-віджэт разам могуць заняць палову экрана тэлефона. Google негатыўна ставіцца да дакучлівым міжстаронкавым вокнам на мабільных.
  4. Ці не зламаная мабільная вёрстка. Тэкст вылазіць за край, кнопкі налазяць адзін на аднаго, меню не змяшчаецца - класіка пасля правак у тэме або убудовах.
  5. Ці загрузіліся карцінкі. Шэрыя прастакутнікі на месцы фота - прыкмета лянівай загрузкі, настроенай так, што карцінкі першага экрана з'яўляюцца занадта позна. Гэта заадно пагаршае LCP – адну з метрык хуткасці Google.
  6. Ці чытаецца тэкст. Светла-шэры шрыфт 12 px на белым фоне на тэлефоне не прачытаць.

Савет з практыкі: зрабіце скрыншоты галоўнай і дзвюх-трох ключавых старонак канкурэнтаў у мабільным рэжыме і пакладзяце побач са сваімі. Такое параўнанне пераконвае ўладальніка бізнесу лепш за любую справаздачу.

Навошта скрыншот сайта для SEO?

Сувязь прамая. Google выкарыстоўвае mobile-first індэксаванне: для ранжыравання асноўнай лічыцца мабільная версія сайта. Калі на тэлефоне частка кантэнту ўтоена, не загружаецца або перакрытая вокнамі, пошукавік бачыць зрэзаную старонку.

Другое - паводзіны наведвальнікаў. Чалавек, які прыйшоў з пошуку і ўбачыў банэр на ўвесь экран ці незразумелы першы экран, хутка вяртаецца ў выдачу. Скрыншот - самы хуткі спосаб убачыць старонку яго вачыма і прыбраць тое, што замінае.

Трэцяе - справаздачнасць. Здымкі "да" і "пасля" рэдызайну, выпраўленні вёрсткі ці змены першага экрана дапамагаюць растлумачыць кліенту ці кіраўніку, завошта заплачаныя грошы.

Як выкарыстоўваць скрыншоты ў працы з падрадчыкам?

Скрыншот - лепшы спосаб паставіць задачу без недастатковага разумення. "На тэлефоне нешта не так" ператвараецца ў канкрэтыку, калі да паведамлення прыкладзены здымак са стрэлкай. Некалькі прыёмаў, якія эканомяць мне гадзіны перапіскі:

  • Здымайце з адрасам і прыладай. У подпісе да здымка пазначце старонку і рэжым: "/catalog/, Mobile". Распрацоўнік адразу адкрые тое ж самае.
  • Рабіце "да" і "пасля". Перад праўкамі зніміце бягучы выгляд, пасля - новы. Так бачна, што задача выканана, і нічога не зламалася побач.
  • Збірайце тэчку здымкаў перад рэдызайнам. Праз год будзе зразумела, як сайт выглядаў, якія блокі былі на першым экране і што змянілася разам з канверсіяй.
  • Параўноўвайце з канкурэнтамі ў адным маштабе. Анлайн-інструмент здымае ўсе сайты ў аднолькавай шырыні, таму параўнанне сумленнае.

Для рэгулярных справаздач кліенту гэта асабліва зручна: здымкі першага экрана ключавых старонак раз у месяц паказваюць працу навочней табліцы.

Параўнанне: анлайн-скрыншот і альтэрнатывы

Інструмент Што бясплатна Абмежаванні Каму падыходзіць
PromoPilot – Скрыншот сайта Першы экран у версіях Desktop і Mobile, PNG, погляд новага наведвальніка Толькі першы экран (~1200 px), нельга абраць краіну сервера Хуткая праверка вёрсткі і здымкі для справаздач
Chrome DevTools Здымак усёй старонкі, эмуляцыя розных прылад Трэба разбірацца ў прыладах распрацоўніка; браўзэр з вашымі cookie Распрацоўнікам і тым, каму патрэбна ўся старонка
Google Search Console Здымак старонкі так, як яе адмаляваў Google bot Толькі для свайго пацверджанага сайта Праверыць, што бачыць менавіта пошукавік
PageSpeed Insights Кадры загрузкі старонкі і метрыкі хуткасці Здымкі маленькія, асноўная задача - хуткасць Аналізу хуткасці загрузкі

Выснова: для паўсядзённых задач - паказаць, параўнаць, прыкласці да справаздачы - прасцей анлайн-скрыншот. Калі патрэбна ўся старонка - DevTools, калі важна, як старонку бачыць Google bot, - Search Console.

У PromoPilot 87 бясплатных SEO-інструментаў. Калі на скрыншоце відаць, што карцінкі грузяцца павольна, зазірніце ў суседні артыкул серыі пра аналіз хуткасці загрузкі старонкі.

Якія абмежаванні ў анлайн-скрыншота?

Абмежаванні варта ведаць загадзя, каб не дзівіцца выніку:

  • Толькі першы экран і крыху ніжэй – да прыкладна 1200 px у вышыню; уся доўгая старонка не змесціцца.
  • Старонкі за лагінам, капчай або геоблокировкой могуць зняцца часткова ці з заглушкай.
  • Сесія пасля ўваходу не эмулюецца - асабісты кабінет або кошык з таварамі зняць не атрымаецца.
  • Краіну сервера абраць нельга, таму сайты, якія паказваюць розны кантэнт для розных краін, могуць выглядаць інакш, чым у вашых наведвальнікаў.
  • Таймаўт 60 секунд: калі старонка грузіцца даўжэй, інструмент пакажа памылку — і гэта ўжо нагода праверыць хуткасць.

Калі бясплатнай прылады мала?

Скрыншот сайта або разбор спецыяліста: здымак першага экрана супраць пошуку прычын і выпраўленні вёрсткі.

Скрыншот паказвае сімптом: "на тэлефоне ўсё паехала". Але чаму паехала і як паправіць так, каб не зламалася зноў, ён не скажа. Спецыяліст патрэбен, калі:

  • мабільная версія ламаецца пасля кожнага абнаўлення тэмы або плагінаў;
  • першы экран не прыносіць заявак, і яго трэба перабудаваць пад канкрэтнае дзеянне;
  • сайт грузіцца так доўга, што скрыншот не паспявае зняцца;
  • прасцей зрабіць новы сайт, чым бясконца латаць стары.

Што я магу зрабіць для вашага сайта?

Я Валерый Данюк, распрацоўшчык і SEO-спецыяліст: 12 гадоў, 200+ кліентаў. Пачынаю амаль кожны праект са скрыншотаў - свайго сайта кліента і яго канкурэнтаў.

SEO і аўдыт

  • SEO-аўдыт сайта пад ключ: правяраю мабільную версію, хуткасць, індэксацыю і першы экран і выпраўляю знойдзенае ў кодзе.

Сайты і лендынгі

Боты і ІІ-сэрвісы

Дашліце мабільны скрыншот сваёй галоўнай у Telegram – скажу, што замінае наведвальніку зрабіць замову.

Вынік

  1. Скрыншот сайта онлайн за секунды паказвае першы экран старонкі на ПК і тэлефоне вачамі новага наведвальніка.
  2. Правярайце на здымку: зразумеласць аффера, кнопку дзеяння, банеры, мабільную вёрстку, загрузку карцінак і чытальнасць.
  3. Мабільная версія - асноўная для Google, таму здымайце заўсёды абедзве версіі.
  4. Калі вёрстка ламаецца зноў і зноў, танней перасабраць сайт - напрыклад, на 1001site, дзе мабільная версія гатовая адразу.

Зніміце мабільную версію сваёй галоўнай у бясплатным анлайн-скрыншоце прама цяпер — і паглядзіце на яе як пакупнік.

Крыніцы

  • Старонка інструмента «Скрыншот сайта онлайн» PromoPilot – рэжымы, ліміты, абмежаванні і FAQ.
  • Google Search Central - дакументацыя аб mobile-first індэксаванні.
  • Дакументацыя Chrome DevTools і Google PageSpeed Insights.

Спасылкі і крыніцы

Пытанні і адказы

Як ствараецца скрыншот?

Выдалены браўзэр адкрывае старонку па вашым адрасе і здымае бачную частку — першы экран і крыху ніжэй. Здымак паказвае сайт так, як яго бачыць чалавек, які зайшоў упершыню: без вашых кукі і без уваходу ў рахунак.

Ці можна зняць старонку цалкам?

Не, прылада здымае першы экран і крыху ніжэй – да прыкладна 1200 пікселяў у вышыню. Для здымка ўсёй старонкі падыдзе ўбудаваная функцыя Chrome DevTools "Capture full size screenshot" або пашырэнне браўзэра.

Навошта правяраць мабільную версію?

Google выкарыстоўвае mobile-first індэксаванне: для ранжыравання асноўнай лічыцца мабільная версія сайта. Калі на тэлефоне тэкст абрэзаны, кнопкі налазяць адзін на аднаго ці першы экран зачынены банэрам, гэта б'е і па SEO, і па заяўках.

Праверылі сайт - а выправіць няма каму?

Бясплатны інструмент паказвае праблемы. Я разбяру справаздачу, расстаўлю прыярытэты і выпраўлю: SEO-аўдыт, паскарэнне, разметка, перанос на новы сайт без страты пазіцый.