La resposta curta: per fer una captura de pantalla d'un lloc web en línia, introduïu l'adreça de la pàgina a l' eina gratuïta PromoPilot Website Screenshot, seleccioneu el dispositiu (escriptori (aproximadament 1200 px d'amplada) o mòbil (375 px)) i feu clic a "Captura". En pocs segons, obtindreu una captura de pantalla de la primera pantalla i una imatge PNG a sota que podreu descarregar. No calen extensions ni programari. A continuació, explicarem què cal comprovar en una captura de pantalla, per què és important per al SEO i quan podeu necessitar una eina diferent.
Porto 12 anys fent llocs web i cada setmana faig servir captures de pantalla en línia: per comprovar com es veu la pàgina de destinació d'un client en un telèfon, per adjuntar una foto de "l'abans" a un informe, per mostrar a un contractista un bloc trencat. No confio en el meu navegador per a aquestes coses: té galetes, un inici de sessió al tauler d'administració i un bàner de consentiment que fa temps que està tancat.
Què fa l'eina de captura de pantalla del lloc web?
La principal diferència entre una captura de pantalla en línia i una captura de pantalla a l'ordinador és la visualització nítida. Un navegador remot obre la pàgina com un nou visitant: sense les vostres galetes, autorització ni configuració desada.
| Oportunitat | Com funciona | Per què les empreses necessiten això? |
|---|---|---|
| Mode d'escriptori | L'amplada de la imatge és d'uns 1200 px | És clar el que veu una persona amb un portàtil sense haver de desplaçar-se. |
| Mode mòbil | La foto té una amplada de 375 píxels, com la d'un telèfon intel·ligent típic. | El mòbil és la versió principal de Google |
| La primera pantalla i just a sota | Alçada de la foto fins a ~1200 px | Aquí és on es decideix si el visitant s'hi quedarà. |
| Descarrega en PNG | Una imatge ja feta per a un informe o correspondència | No cal instal·lar extensions ni retallar manualment |
| La nova perspectiva del visitant | Sense galetes ni inici de sessió al compte | Podeu veure bàners, finestres emergents i tot allò que no heu notat durant molt de temps. |
Com fer una captura de pantalla d'un lloc web en línia?
- Obre la captura de pantalla del lloc web.
- Introduïu l'adreça:
example.como l'adreça completa d'una pàgina específica serà suficient. - Seleccioneu el vostre dispositiu de la llista desplegable: Ordinador o Mòbil.
- Feu clic a "Elimina" i espereu uns segons.
- Baixeu el PNG o obriu la imatge més gran per veure'n els detalls.
Un bon hàbit és gravar les dues versions alhora: primer per a ordinador i després per a mòbil. La diferència sovint és sorprenent.
Límits: no més de 10 fotos per minut, 15 per dia per a convidats i 45 després del registre gratuït. Si s'ha fet recentment una foto de la mateixa pàgina, l'eina pot retornar una còpia desada, que s'emmagatzema fins a 24 hores.
Què he de comprovar en una captura de pantalla d'un lloc web?
Una captura de pantalla només és útil si saps què has de buscar. La meva llista de comprovació per a la primera pantalla:
- Està clar en tres segons què vens? El titular hauria de respondre a la pregunta "què és i per a qui serveix?". "Benvingut!" no és la resposta.
- És visible el botó d'acció? "Demana", "Calcula el cost", "Escriu a Telegram "; al mòbil, hauria d'estar a la primera pantalla, no després de tres desplaçaments.
- La pantalla està tapada per bàners? Un bàner de galetes, una finestra emergent de subscripció i un widget de xat combinats poden ocupar la meitat de la pantalla del telèfon. Google desaprova les finestres intersticials intrusives als dispositius mòbils.
- El disseny per a mòbils està malmès? El text es desborda, els botons se superposen, els menús no encaixen: un problema comú després de canvis de tema o complement.
- S'han carregat les imatges? Els rectangles grisos on haurien d'estar les fotos són un signe de càrrega lenta, configurada perquè les imatges de la primera pantalla apareguin massa tard. Això també empitjora l'LCP, una de les mètriques de rendiment Google.
- El text és llegible? La font gris clar de 12 px sobre un fons blanc és il·legible en un telèfon.
Un consell pràctic: feu captures de pantalla de la pàgina d'inici dels vostres competidors i de dues o tres pàgines clau en mode mòbil i col·loqueu-les al costat de la vostra. Aquesta comparació és més convincent per a un propietari d'una empresa que qualsevol informe.
Per què necessito una captura de pantalla del lloc web per al SEO?
La connexió és directa. Google utilitza la indexació "mobile-first": la versió mòbil d'un lloc web es considera el principal factor de classificació. Si part del contingut està ocult, no es carrega o està tapat per les finestres d'un telèfon, el motor de cerca veu una pàgina truncada.
En segon lloc, el comportament dels visitants. Algú que ha vingut d'una cerca i ha vist un bàner a pantalla completa o una primera pàgina incomprensible torna ràpidament als resultats de la cerca. Una captura de pantalla és la manera més ràpida de veure la pàgina a través dels seus ulls i eliminar qualsevol distracció.
En tercer lloc, la presentació d'informes. Les fotos "abans" i "després" d'un redisseny, una correcció de disseny o un canvi inicial de pantalla ajuden a explicar al client o al gestor en què es van gastar els diners.
Com utilitzar captures de pantalla quan es treballa amb un contractista?
Una captura de pantalla és la millor manera d'explicar un problema sense malentesos. "Alguna cosa va malament amb el meu telèfon" es torna més específic quan s'adjunta una foto amb una fletxa al missatge. Uns quants trucs que m'estalvien hores de correspondència:
- Fes fotos amb l'adreça i el dispositiu. A la llegenda de la foto, indica la pàgina i el mode: "/catalog/, Mobile". El desenvolupador obrirà immediatament la mateixa aplicació.
- Fes una rutina d'"abans" i "després". Captura la vista actual abans de fer edicions i la nova vista després. D'aquesta manera, pots veure que la tasca s'ha completat i que no hi ha res trencat.
- Reuneix una col·lecció de fotos abans del redisseny. D'aquí a un any, tindràs una idea clara de com era el lloc web, quins blocs hi havia a la primera pàgina i què va canviar amb la conversió.
- Compareu amb competidors a la mateixa escala. L'eina en línia captura tots els llocs web a la mateixa amplada, garantint una comparació justa.
Això és especialment convenient per als informes regulars dels clients: les captures de pantalla de la primera pantalla de les pàgines clau un cop al mes mostren la feina amb més claredat que una taula.
Comparació: Captura de pantalla en línia i alternatives
| Eina | Què és gratuït? | Restriccions | Per a qui és adequat? |
|---|---|---|---|
| PromoPilot — Captura de pantalla del lloc web | La primera pantalla en versions d'escriptori i mòbil, PNG, tal com la veu un nou visitant | Només la primera pantalla (~1200 px), no podeu seleccionar el país del servidor | Comprovació ràpida del disseny i instantànies per a informes |
| Eines per a desenvolupadors de Chrome | Captura de pantalla a pàgina completa, emulació entre dispositius | Cal entendre les eines de desenvolupador; el navegador amb les galetes | Per a desenvolupadors i aquells que necessiten la pàgina sencera |
| Consola de cerca Google | Una captura de pantalla de la pàgina tal com la renderitza Google | Només per al vostre lloc web verificat | Comprova què veu el motor de cerca |
| PageSpeed Insights | Marcs de càrrega de pàgina i mètriques de velocitat | Les fotos són petites, l'objectiu principal és la velocitat | Anàlisi de la velocitat de descàrrega |
Conclusió: per a les tasques quotidianes (mostrar, comparar i adjuntar a un informe), una captura de pantalla en línia és més fàcil. Si necessiteu tota la pàgina, feu servir DevTools; si us importa com Google veu la pàgina, feu servir Search Console.
PromoPilot té 87 eines de SEO gratuïtes. Si la captura de pantalla mostra que les imatges es carreguen lentament, consulteu l'article adjacent de la sèrie d'anàlisi de la velocitat de la pàgina.
Quines són les limitacions de les captures de pantalla en línia?
Val la pena conèixer les limitacions per endavant per no sorprendre's amb el resultat:
- Només la primera pantalla i una mica més avall, fins a uns 1200 px d'alçada; no hi cabrà tota la pàgina llarga.
- Les pàgines que hi ha darrere de l'inici de sessió, el captcha o el geobloqueig poden ser parcialment eliminades o encobertes.
- La sessió després d'iniciar la sessió no s'emula: no podreu accedir al vostre compte personal ni al carretó de la compra.
- No podeu seleccionar el país del servidor, de manera que els llocs que mostren contingut diferent per a diferents països poden tenir un aspecte diferent per als vostres visitants.
- Temps d'espera de 60 segons: si la pàgina triga més a carregar-se, l'eina mostrarà un error, i aquest és un motiu per comprovar la velocitat.
Quan no n'hi ha prou amb una eina gratuïta?
La captura de pantalla mostra el símptoma: "tot el telèfon està trencat". Però no t'explica per què està trencat ni com arreglar-ho perquè no es torni a trencar. Necessites un especialista si:
- la versió mòbil falla després de cada actualització de tema o complement;
- la primera pantalla no genera cap sol·licitud i cal redissenyar-la per a una acció específica;
- el lloc web triga tant a carregar que no hi ha temps de fer una captura de pantalla;
- És més fàcil crear un lloc web nou que arreglar-ne un de vell sense parar.
Què puc fer pel vostre lloc web?
Sóc en Valeriy Danyuk, desenvolupador i especialista en SEO amb 12 anys d'experiència i més de 200 clients. Començo gairebé tots els projectes amb captures de pantalla, tant del lloc web del meu client com dels seus competidors.
SEO i auditoria
- Auditoria SEO completa de llocs web: comprovo la versió mòbil, la velocitat, la indexació i la visibilitat a la primera pantalla, i corregeixo qualsevol problema trobat al codi.
Llocs web i pàgines de destinació
- Un lloc web a l'estil del lloc web d'una altra persona que t'agradi es pot crear en qüestió de minuts; només cal que els hi mostris un exemple que t'agradi.
- Pàgina de destinació per a un nou producte llançat en una nit: estudi de cas de NordHarvest.
- Tilda amb una quota de subscripció o un lloc web amb IA i quant costa un lloc web clau en mà el 2026, perquè puguis triar un enfocament amb els ulls oberts.
- A 1001site el lloc web està construït a l'estil dels millors llocs web del món i s'adapta immediatament per a l'ús mòbil.
Bots i serveis d'IA
- QuestFlow és un creador SaaS Telegram amb IA.
- Llibre de referència d'IA basat en vectors per a reparacions d'equips amb un bot.
Envia'm una captura de pantalla de la teva pàgina principal a Telegram des del mòbil; t'explicaré què impedeix que un visitant faci una comanda.
Resultat
- Una captura de pantalla d'un lloc web en línia mostra la primera pantalla de la pàgina en un ordinador o telèfon a través dels ulls d'un nou visitant en qüestió de segons.
- Comproveu el següent a la captura de pantalla: claredat, botó d'acció, bàners, disseny mòbil, càrrega d'imatges i llegibilitat.
- La versió per a mòbils és la principal de Google, així que sempre cal eliminar-ne les dues versions.
- Si el disseny falla una vegada i una altra, és més barat reconstruir el lloc web; per exemple, a 1001site, on la versió per a mòbils està a punt immediatament.
Fes una versió mòbil de la teva pàgina d'inici amb una captura de pantalla gratuïta en línia ara mateix i visualitza-la com un comprador.
Fonts
- Pàgina d'eines "Captura de pantalla de llocs web en línia" de PromoPilot: modes, límits, restriccions i preguntes freqüents.
- Google Search Central: documentació sobre la indexació orientada a mòbils.
- Documentació de Chrome DevTools i Google PageSpeed Insights.
