{"id":12408,"date":"2022-08-23T15:05:47","date_gmt":"2022-08-23T13:05:47","guid":{"rendered":"https:\/\/dits.md\/?p=12408"},"modified":"2025-04-29T14:04:54","modified_gmt":"2025-04-29T12:04:54","slug":"pochemu-seo-ne-rabotaet-kak-proverit-rendering-stranic-na-sajte","status":"publish","type":"post","link":"https:\/\/dits.md\/ro\/pochemu-seo-ne-rabotaet-kak-proverit-rendering-stranic-na-sajte\/","title":{"rendered":"De ce SEO nu func\u021bioneaz\u0103: Cum s\u0103 verifica\u021bi redarea paginii pe un site web?"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00bb1\u2033 admin_label=\u00bbSection\u00bb _builder_version=\u00bb4.0.2\u2033 background_image=\u00bbhttps:\/\/dits.md\/wp-content\/uploads\/paralax-background.jpg\u00bb min_height=\u00bb126px\u00bb custom_padding=\u00bb 35px|0px|40px|0px|false|false\u00bb global_module=\u00bb2594\u2033 blocat=\u00bboff\u00bb collapsed=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row _builder_version=\u00bb4.22.2\u2033 width=\u00bb100%\u00bb max_width=\u00bb100%\u00bb \u201e100%\u201d custom_margin=\u00bb||||false|false\u00bb custom_padding=\u00bb18px||||false|false\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4\u2033 _builder_version=\u00bb4.16\u2033 global_colors_info=\u00bb{}\u00bb \u201e][et_pb_post_title meta=&quot;off&quot; featured_image=&quot;off&quot; _builder_version=&quot;4.22.2\u2033 _module_preset=&quot;default&quot; title_font=&quot;|600|||||||&quot; title_text_align=\u00bbcenter\u00bb title_text_color=\u00bb#ffffff\u00bb title_font_size=\u00bb41px\u00bb title_line_height=\u00bb1.2em\u00bb title_font_size_tablet=\u00bb\u00bb title_font_size_phone=\u00bb27px\u00bb title_font_size_last_edited=\u00bbtitle_font_size_phones \u00bb27px \u00bb title_2_font_size_last_edited= &quot;on|desktop&quot; title_3_font_size_phone=&quot;27px&quot; title_3_font_size_last_edited=&quot;on|desktop&quot; title_4_font_size_phone=&quot;27px&quot; title_4_font_size_last_edited=&quot;pe|desktop&quot; title_5_font_size_size_phone=&quot;27_pxt&quot; title_phone=&quot;27_pxt_edited&quot; _6_font_size_phone=&quot;27px\u201d title_6_font_size_last_edited=&quot; pe |desktop&quot;][\/et_pb_post_title][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00bb1\u2033 _builder_version=\u00bb4.16\u2033 _module_preset=\u00bbdefault\u00bbbuildinfo\u00bb\u00bb]\u00bb global_pb_versions_et=_p}_global_colors_et=__ 4.16 \u2033 _module_preset=&quot;default\u201d custom_margin=&quot;-1px|auto||auto||\u201d locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4\u2033 _builder_version=\u00bb4.16\u2033 _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_code _builder_version=\u00bb4.16\u2033 _module_preset=\u00bb_default_info global_default\u00bb \u201e{}\u201d]<nav aria-label=\"firimituri de p\u00e2ine\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">principalul<\/span><\/p><\/nav>[\/et_pb_code] [\/et_pb_column] [\/et_pb_row] [et_pb_row admin_label = &quot;r\u00e2nd&quot; _builder_version = &quot;4.16 \u2033 _module_preset =&quot; default &quot;global_colors_info =&quot; {} &quot;] [et_pb_colum _mod ule_preset = \u201edefault\u201d global_colors_info=\u201d{}\u201d][et_pb_text _builder_version=\u201d4.22.2\u2033 _module_preset=\u201ddefault\u201d hover_enabled=\u201d0\u2033 global_colors_info=\u201d{}\u201d sticky_enabled=\u201d0\u2033]<\/p>\n<p>Practic, toate site-urile web moderne sunt proiectate av\u00e2nd \u00een vedere utilizatorul \u0219i capacit\u0103\u021bile de redare ale browserelor. De regul\u0103, browserele fac fa\u021b\u0103 chiar \u0219i sarcinilor complexe f\u0103r\u0103 probleme.<\/p>\n<p>Dar dac\u0103 vorbim de c\u0103utare organic\u0103, atunci toate motoarele de c\u0103utare clasific\u0103 paginile web ca documente HTML. \u0218i robo\u021bii de c\u0103utare, spre deosebire de browserele moderne, au op\u021biuni limitate. Dac\u0103 nu ave\u021bi grij\u0103 de modul \u00een care motoarele de c\u0103utare v\u0103d paginile, pute\u021bi pierde cursa pentru pozi\u021biile de top \u00een c\u0103utarea organic\u0103.<\/p>\n<p>Cum s\u0103 verifica\u021bi redarea site-ului \u0219i s\u0103 elimina\u021bi erorile care interfereaz\u0103 cu clasarea - vom spune \u00een continuare.<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=\u201d4.16\u2033 _module_preset=\u201ddefault\u201d global_colors_info=\u201d{}\u201d]<\/p>\n<p><strong>Con\u0163inut:<\/strong><\/p>\n<ul>\n<li><a href=\"#1\">Ce este randarea paginii \u00een SEO?<\/a><\/li>\n<li><a href=\"#2\">Cum s\u0103 verifica\u021bi redarea paginii de c\u0103tre robo\u021bii de c\u0103utare<\/a><\/li>\n<li><a href=\"#3\">La ce s\u0103 fi\u021bi aten\u021bi c\u00e2nd verifica\u021bi codul?<\/a><\/li>\n<li><a href=\"#4\">Compara\u021bie a codului redat din diferite instrumente<\/a><\/li>\n<li><a href=\"#5\">Ce se \u00eent\u00e2mpl\u0103 dac\u0103 toate instrumentele nu func\u021bioneaz\u0103?<\/a><\/li>\n<li><a href=\"#6\">Rezultat<\/a><\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row module_id=\u00bb1\u2033 _builder_version=\u00bb4.16\u2033 _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4.16\u2033 _module_preset=\u00bb4_4. = \u201eimplicit\u201d global_colors_info=\u00bb{}&quot;][et_pb_text _builder_version=\u00bb4.22.2\u2033 _module_preset=\u00bbdefault\u00bb custom_margin=\u00bb||16px||false|false\u00bb hover_enabled=\u00bb0\u2033 global_colors_info=\u00bb_{}\u00bb=y stick=\u00bb_{}\u00bb \u00bb 0\u2033]<\/p>\n<h2><strong>Ce este randarea paginii \u00een SEO?<\/strong><\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=\u00bb4.22.2\u2033 _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0\u2033 global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0\u2033]<\/p>\n<p>Redarea este un termen din <a href=\"\/ro\/crearea-de-site-uri-in-moldova\/\">dezvoltare web<\/a>. Se refer\u0103 la redarea codului unui document web \u00eentr-o pagin\u0103 web interactiv\u0103 pe care o vede\u021bi \u00een cele din urm\u0103 \u00een browserele dvs. De fapt, randarea este procesul de \u00eendeplinire a tuturor regulilor scrise \u00een cod HTML, scripturi JS \u0219i stiluri CSS.<\/p>\n<p>&nbsp;<\/p>\n<h3><strong>Ce se \u00eent\u00e2mpl\u0103 \u00een browser c\u00e2nd documentul este afi\u0219at:<\/strong><\/h3>\n<ul>\n<li>Browserul prime\u0219te resurse de la server (cod HTML, CSS, JS, imagini).<br \/>Pe baza codului HTML primit, a aplic\u0103rii regulilor din CSS \u0219i a execu\u021biei JS, se formeaz\u0103 DOM - Document Object Model.<\/li>\n<li>Stilurile sunt \u00eenc\u0103rcate \u0219i recunoscute, se formeaz\u0103 CSSOM - CSS Object Model.<\/li>\n<li>Pe baza DOM \u0219i CSSOM, se formeaz\u0103 un arbore de randare - un set de obiecte de randare. Arborele de randare dubleaz\u0103 structura DOM, dar nu include elemente invizibile (de exemplu, sau elemente cu stil display:none;). Fiecare linie de text este reprezentat\u0103 \u00een arborele de randare ca un randament separat. \u0218i fiecare obiect de randare con\u021bine obiectul DOM corespunz\u0103tor (sau blocul de text) \u0219i stilul calculat pentru acest obiect. Mai simplu spus, arborele de randare descrie reprezentarea vizual\u0103 a DOM.<\/li>\n<li>Pentru fiecare element al arborelui de randare, se calculeaz\u0103 pozi\u021bia pe pagin\u0103 - are loc aspectul. Browserele folosesc metoda fluxului, \u00een care, \u00een cele mai multe cazuri, o singur\u0103 trecere este suficient\u0103 pentru a a\u0219eza toate elementele (sunt necesare mai multe treceri pentru tabelele de treceri).<\/li>\n<li>\u00cen cele din urm\u0103, tot ceea ce este listat \u00een browser este randat - pictura.<\/li>\n<\/ul>\n<p>[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/dits.md\/wp-content\/uploads\/5363.jpg\u00bb show_in_lightbox=\u00bbon\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.16\u2033 _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb {}&quot;][\/et_pb_image][et_pb_text _builder_version=&quot;4.16\u2033 _module_preset=&quot;default&quot; locked=&quot;off&quot; global_colors_info=&quot;{}&quot;]<\/p>\n<h3><strong>Mecanica<\/strong><\/h3>\n<p>Redarea, adic\u0103 redarea paginii \u00een Google, \u00eencepe dup\u0103 accesare cu crawlere, dar \u00eenainte de indexare. Mecanica este destul de simpl\u0103: crawler-ul solicit\u0103 pagina \u0219i toate resursele necesare pentru a o reda.<\/p>\n<p>[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/dits.md\/wp-content\/uploads\/2-3.jpg\u00bb title_text=\u00bb2\u2033 show_in_lightbox=\u00bbon\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.16\u2033 _module_preset =\u201ddefault\u201d locked=\u201doff\u201d global_colors_info=\u201d{}\u201d][\/et_pb_image][et_pb_text _builder_version=\u201d4.16\u2033 _module_preset=\u201ddefault\u201d global_colors_info=\u201d{}\u201d]<\/p>\n<p>Datele sunt apoi transmise la Rendertron, o solu\u021bie de randare a paginilor cromate f\u0103r\u0103 cap, construit\u0103 cu Puppeteer. Toate datele sunt prelucrate acolo.<\/p>\n<p>[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/dits.md\/wp-content\/uploads\/3-2.jpg\u00bb title_text=\u00bb3\u2033 show_in_lightbox=\u00bbon\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.16\u2033 _module_preset =\u201ddefault\u201d locked=\u201doff\u201d global_colors_info=\u201d{}\u201d][\/et_pb_image][et_pb_text _builder_version=\u201d4.16\u2033 _module_preset=\u201ddefault\u201d global_colors_info=\u201d{}\u201d]<\/p>\n<h3><strong>Exist\u0103 doi factori importan\u021bi care afecteaz\u0103 redarea:<\/strong><\/h3>\n<p>1. Google \u00eencearc\u0103 s\u0103 memoreze \u00een cache toate resursele \u0219i nu respect\u0103 regulile de cache HTTP. Acest lucru se datoreaz\u0103 faptului c\u0103 majoritatea webmasterilor le creeaz\u0103 f\u0103r\u0103 minte, for\u021b\u00e2nd utilizatorii s\u0103 descarce constant acela\u0219i fi\u0219ier, de\u0219i acesta nu s-a schimbat.<\/p>\n<p>2. Este posibil ca Google s\u0103 nu ob\u021bin\u0103 toate resursele suplimentare, a\u0219a c\u0103 merit\u0103 s\u0103 reduce\u021bi num\u0103rul de solicit\u0103ri necesare pentru a reda bine pagina.<\/p>\n<p>[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/dits.md\/wp-content\/uploads\/4-1.jpg\u00bb title_text=\u00bb4\u2033 show_in_lightbox=\u00bbon\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.16\u2033 _module_preset =\u201ddefault\u201d locked=\u201doff\u201d global_colors_info=\u201d{}\u201d][\/et_pb_image][et_pb_text _builder_version=\u201d4.16\u2033 _module_preset=\u201ddefault\u201d global_colors_info=\u201d{}\u201d]<\/p>\n<h3><strong>\u00cen ceea ce prive\u0219te procesarea JavaScript, Google afirm\u0103 \u00een mod explicit c\u0103 performan\u021ba este important\u0103 pentru ei, prin urmare:<\/strong><\/h3>\n<ul>\n<li>limitarea consumului de resurse ale procesorului;<\/li>\n<li>poate \u00eentrerupe execu\u021bia scripturilor;<\/li>\n<li>\u0219i spune\u021bi c\u0103 consumul excesiv de CPU afecteaz\u0103 negativ indexarea.<\/li>\n<\/ul>\n<p>[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/dits.md\/wp-content\/uploads\/5-2.jpg\u00bb title_text=\u00bb5\u2033 show_in_lightbox=\u00bbon\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.16\u2033 _module_preset =\u00bbdefault\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row module_id=\u00bb2\u2033 _builder_version=\u00bb4.16\u2033 _module_preset=\u00bbdefault info= global_\u00bb}s \u00bb][et_pb_column type=\u00bb4_4\u2033 _builder_version=\u00bb4.16\u2033 _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text _builder_version=\u00bb4.16\u2033 _module_preset=\u00bbdefault\u00bb|\u00bb custom|1px| global_colors_info=&quot;{}&quot;]<\/p>\n<h2><strong>Cum s\u0103 verifica\u021bi redarea paginii de c\u0103tre robo\u021bii de c\u0103utare<\/strong><\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=\u201d4.16\u2033 _module_preset=\u201ddefault\u201d global_colors_info=\u201d{}\u201d]<\/p>\n<h3><strong>Prima metod\u0103 este Google Search Console<\/strong><\/h3>\n<p>Acest instrument \u00eei ajut\u0103 pe webmasteri s\u0103 ob\u021bin\u0103 mai mult trafic organic \u0219i ofer\u0103 o perspectiv\u0103 asupra modului \u00een care motoarele de c\u0103utare percep con\u021binutul paginii.<\/p>\n<p>Pentru oricare dintre adresele site-ului care se afl\u0103 \u00een indexul Google, pute\u021bi vizualiza pagina accesat\u0103 cu crawlere:<\/p>\n<p>[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/dits.md\/wp-content\/uploads\/6-1.jpg\u00bb title_text=\u00bb6\u2033 show_in_lightbox=\u00bbon\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.16\u2033 _module_preset =\u201ddefault\u201d locked=\u201doff\u201d global_colors_info=\u201d{}\u201d][\/et_pb_image][et_pb_text _builder_version=\u201d4.16\u2033 _module_preset=\u201ddefault\u201d global_colors_info=\u201d{}\u201d]<\/p>\n<p>Dup\u0103 ce face\u021bi clic pe partea dreapt\u0103 a ecranului, se deschide o fereastr\u0103, \u00een care este afi\u0219at codul HTML al paginii redate de bot. Acesta este modul \u00een care robotul de c\u0103utare a procesat documentul.<\/p>\n<p>[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/dits.md\/wp-content\/uploads\/7-1.jpg\u00bb title_text=\u00bb7\u2033 show_in_lightbox=\u00bbon\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.16\u2033 _module_preset =\u201ddefault\u201d locked=\u201doff\u201d global_colors_info=\u201d{}\u201d][\/et_pb_image][et_pb_text _builder_version=\u201d4.16\u2033 _module_preset=\u201ddefault\u201d global_colors_info=\u201d{}\u201d]<\/p>\n<p>Aici pute\u021bi copia codul HTML al paginii randate \u0219i \u00eel pute\u021bi lipi \u00een oricare dintre editorii de cod. \u0218i apoi pute\u021bi revizui codul pentru corectitudine, pute\u021bi verifica prezen\u021ba tuturor elementelor semantice importante, loca\u021bia \u00een arborele DOM, micro-markup, leg\u0103turile interne \u0219i restul.<\/p>\n<p>Pute\u021bi salva documentul ca HTML \u0219i \u00eel pute\u021bi vizualiza vizual \u00een orice browser. Dar este mai sigur s\u0103 citi\u021bi \u0219i s\u0103 verifica\u021bi codul, deoarece browserele moderne sunt foarte inteligente \u0219i pot remedia adesea erorile de aspect brute \u0219i pot \u00eenchide singure etichetele.<\/p>\n<h3><strong>A doua metod\u0103 este dac\u0103 site-ul nu este al t\u0103u \u0219i nu exist\u0103 acces la GSC<\/strong><\/h3>\n<p>Aceast\u0103 metod\u0103 este necesar\u0103 dac\u0103 dorim s\u0103 compar\u0103m randarea paginilor noastre \u0219i a unui concurent, pentru a verifica dac\u0103 acestea ofer\u0103 botului pagini \u00eembun\u0103t\u0103\u021bite cu con\u021binut text, iar utilizatorului - versiuni mai func\u021bionale.<\/p>\n<p><strong>Instrument de testare a fragmentelor \u00eembog\u0103\u021bite<\/strong><\/p>\n<p>Instrumentul trimite o solicitare c\u0103tre server ca bo\u021bii nativi Google. \u0218i r\u0103spunsul pe care \u00eel ob\u021bine\u021bi va fi acela\u0219i cu r\u0103spunsul pe care \u00eel ob\u021bine crawler-ul de c\u0103utare.<\/p>\n<p>[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/dits.md\/wp-content\/uploads\/8-1.jpg\u00bb title_text=\u00bb8\u2033 show_in_lightbox=\u00bbon\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.16\u2033 _module_preset =\u201ddefault\u201d locked=\u201doff\u201d global_colors_info=\u201d{}\u201d][\/et_pb_image][et_pb_text _builder_version=\u201d4.16\u2033 _module_preset=\u201ddefault\u201d global_colors_info=\u201d{}\u201d]<\/p>\n<p>Un mare avantaj al instrumentului este capacitatea de a alege tipul de bot de c\u0103utare \u00eentre desktop \u0219i mobil. Acest lucru este util atunci c\u00e2nd site-urile utilizeaz\u0103 metoda de optimizare mobil\u0103 Dynamic Serving. Adic\u0103, \u00een func\u021bie de dispozitivul care face cererea, serverul returneaz\u0103 un alt cod HTML. Compararea codului unei pagini \u00eentre diferi\u021bi agen\u021bi poate dezv\u0103lui c\u0103, de exemplu, desktopul prime\u0219te pagini cu text, iar mobilul nu. De asemenea, \u00een practic\u0103, am \u00eent\u00e2lnit cazuri \u00een care microdatele pe care le-au primit robo\u021bii erau \u0219i ele diferite.<\/p>\n<p>Dup\u0103 finalizarea testului, face\u021bi clic pe Vizualizare pagina testat\u0103. \u0218i ob\u021binem o fereastr\u0103 cu codul HTML redat al paginii, deja familiar pentru noi din interfa\u021ba Google Search Console.<\/p>\n<p><strong>Test de compatibilitate cu dispozitivele mobile<\/strong><\/p>\n<p>Acesta este numele instrumentului de testare a adaptabilit\u0103\u021bii paginii. Spre deosebire de instrumentul anterior, aici nu pute\u021bi selecta un bot care va efectua un apel c\u0103tre server.<\/p>\n<p>[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/dits.md\/wp-content\/uploads\/9.jpg\u00bb title_text=\u00bb9\u2033 show_in_lightbox=\u00bbon\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.16\u2033 _module_preset=\u00bb implicit&quot; locked=&quot;off&quot; global_colors_info=&quot;{}&quot;][\/et_pb_image][et_pb_text _builder_version=&quot;4.16\u2033 _module_preset=&quot;default&quot; global_colors_info=&quot;{}&quot;]<\/p>\n<p>Face\u021bi clic din nou pe Vizualizare pagina testat\u0103 \u0219i intra\u021bi \u00een aceea\u0219i fereastr\u0103 ca \u00een instrumentul anterior.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row module_id=\u00bb3\u2033 _builder_version=\u00bb4.16\u2033 _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4.16\u2033 _module_preset=\u00bb4_4. = \u201eimplicit\u201d global_colors_info=&quot;{}&quot;][et_pb_text _builder_version=&quot;4.16\u2033 _module_preset=&quot;default&quot; custom_margin=&quot;||16px||false|false&quot; global_colors_info=&quot;{}&quot;]<\/p>\n<h2><strong>La ce s\u0103 fi\u021bi aten\u021bi c\u00e2nd verifica\u021bi codul?<\/strong><\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=\u201d4.16\u2033 _module_preset=\u201ddefault\u201d global_colors_info=\u201d{}\u201d]<\/p>\n<p><strong>Domenii importante din punct de vedere semantic \u00een con\u021binut:<\/strong><\/p>\n<ul>\n<li>titlul paginii \u00een eticheta de titlu;<\/li>\n<li>descrieri de pagini \u00een meta-etichete;<\/li>\n<li>corectitudinea link-urilor din etichetele link-urilor;<\/li>\n<li>elementele de microdate schema.org.<\/li>\n<\/ul>\n<p><strong>Elemente de aspect invizibile vizual, dar importante:<\/strong><\/p>\n<ul>\n<li>titlurile documentelor \u00een etichete h;<\/li>\n<li>descrieri de text;<\/li>\n<li>num\u0103rul de elemente prezentate pe pagin\u0103 (de exemplu, carduri de produse \u00een list\u0103ri);<\/li>\n<li>adrese de imagine \u00een atributele src ale etichetei img;<\/li>\n<li>corectitudinea ancorelor \u0219i adreselor \u00een link-uri.<\/li>\n<\/ul>\n<p><strong>Elemente de aspect semantic:<\/strong><\/p>\n<ul>\n<li>sunt prezente etichetele articol, sec\u021biune, navigare, tabel \u0219i con\u021binutul acestora;<\/li>\n<li>aceste etichete sunt plasate corect \u00een versiunea HTML a documentului indexat de bot.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row module_id=\u00bb4\u2033 _builder_version=\u00bb4.16\u2033 _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column tip=\u00bb4_build preset=\u00bb4_4\u2033module 6\u2033=\u00bb4_4. = \u201eimplicit\u201d global_colors_info=&quot;{}&quot;][et_pb_text _builder_version=&quot;4.16\u2033 _module_preset=&quot;default&quot; custom_margin=&quot;||16px||false|false&quot; global_colors_info=&quot;{}&quot;]<\/p>\n<h2><strong>Compara\u021bie a codului redat din diferite instrumente<\/strong><\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=\u201d4.16\u2033 _module_preset=\u201ddefault\u201d global_colors_info=\u201d{}\u201d]<\/p>\n<p>Este posibil s\u0103 fim siguri c\u0103 pagina este redat\u0103 de robotul de c\u0103utare exact a\u0219a cum o vedem \u00een instrumente? Dac\u0103 vorbim despre Google Search Console - mai probabil c\u0103 da dec\u00e2t nu. \u0218i vorbind despre alte instrumente, inclusiv Instrumentele de testare pentru fragmente \u00eembog\u0103\u021bite \u0219i Testul de compatibilitate cu dispozitivele mobile, este posibil ca acestea s\u0103 nu ofere \u00eentotdeauna informa\u021bii corecte.<\/p>\n<p>Faptul este c\u0103 randarea este un proces dinamic. Iar rezultatul pe care \u00eel ob\u021binem este rezultatul unui r\u0103spuns specific la o cerere specific\u0103 la un anumit moment \u00een timp. Se va potrivi cu ceea ce va primi crawlerul de c\u0103utare atunci c\u00e2nd solicit\u0103 aceea\u0219i resurs\u0103 \u00eentr-o perioad\u0103 de timp diferit\u0103? Posibil, dar nu garantat.<\/p>\n<p>De exemplu, am comparat codul stocat \u00een Google Search Console cu codul redat al aceleia\u0219i pagini primit de la:<\/p>\n<ul>\n<li>GSC Live Test;<\/li>\n<li>Instrument de testare a fragmentelor \u00eembog\u0103\u021bite<\/li>\n<li>Test de compatibilitate cu dispozitivele mobile;<\/li>\n<li>Pagina redat\u0103 Broasca care \u021bip\u0103.<\/li>\n<\/ul>\n<h3><strong>Test live GSC vs GSC<\/strong><\/h3>\n<p>\u00cen codul ob\u021binut din testul GSC Live, exist\u0103 o diferen\u021b\u0103 \u00een forma de ad\u0103ugare a unei bare oblice la sf\u00e2r\u0219it \u00eenainte de a \u00eenchide etichetele. Dar HTML-ul care este stocat \u00een consol\u0103 nu con\u021bine astfel de bare oblice. De asemenea, Livetest nu a v\u0103zut scriptul googleads, care se afl\u0103 \u00een versiunea GSC a paginii din index. Ghilimelele sunt de asemenea diferite. \u00cen versiunea din index, acestea arat\u0103 astfel: &#039;, iar \u00een versiunea din LiveTest, a\u0219a: &quot;.<\/p>\n<p>&nbsp;<\/p>\n<p>[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/dits.md\/wp-content\/uploads\/10.png\u00bb title_text=\u00bb10\u2033 show_in_lightbox=\u00bbon\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.16\u2033 _module_preset=\u00bb implicit&quot; locked=&quot;off&quot; global_colors_info=&quot;{}&quot;][\/et_pb_image][et_pb_text _builder_version=&quot;4.16\u2033 _module_preset=&quot;default&quot; global_colors_info=&quot;{}&quot;]<\/p>\n<h3><strong>Instrumentul de testare GSC vs Rich Snippets<\/strong><\/h3>\n<p>Exist\u0103 c\u00e2teva diferen\u021be minore \u00een codul GSC. De exemplu, prezen\u021ba scriptului googleads, care nu se afl\u0103 \u00een codul din Rich Snippets, precum \u0219i \u00een codul din Livetest. Dar diferen\u021be mai semnificative nu au fost g\u0103site.<\/p>\n<p>[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/dits.md\/wp-content\/uploads\/11.png\u00bb title_text=\u00bb11\u2033 show_in_lightbox=\u00bbon\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.16\u2033 _module_preset=\u00bb implicit&quot; locked=&quot;off&quot; global_colors_info=&quot;{}&quot;][\/et_pb_image][et_pb_text _builder_version=&quot;4.16\u2033 _module_preset=&quot;default&quot; global_colors_info=&quot;{}&quot;]<\/p>\n<h3><strong>Test GSC vs Mobile Friendly<\/strong><\/h3>\n<p>Testul Mobile-Friendly a colectat toate diferen\u021bele dintre cele dou\u0103 teste anterioare. Nu exist\u0103 niciun script \u00een el, plus barele oblice sunt scrise \u00eenainte ca etichetele de \u00eenchidere \u0219i ghilimele s\u0103 fie \u00eenlocuite.<\/p>\n<p>[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/dits.md\/wp-content\/uploads\/12.png\u00bb title_text=\u00bb12\u2033 show_in_lightbox=\u00bbon\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.16\u2033 _module_preset=\u00bb implicit&quot; locked=&quot;off&quot; global_colors_info=&quot;{}&quot;][\/et_pb_image][et_pb_text _builder_version=&quot;4.16\u2033 _module_preset=&quot;default&quot; global_colors_info=&quot;{}&quot;]<\/p>\n<h3><strong>GSC vs Screaming Frog Pagina redat\u0103<\/strong><\/h3>\n<p>Motorul Screaming Frog are capacit\u0103\u021bi de randare a paginilor mai bune dec\u00e2t Google - diferen\u021bele se observ\u0103 \u00een blocuri \u00eentregi. De exemplu, pentru un bot Google, acest bloc era display:none \u0219i gol, dar \u00een versiunea redat\u0103 din Screaming Frog este \u0219i display:block cu blocuri interne care con\u021bin con\u021binut.<\/p>\n<p>[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/dits.md\/wp-content\/uploads\/13.png\u00bb title_text=\u00bb13\u2033 show_in_lightbox=\u00bbon\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.16\u2033 _module_preset=\u00bb implicit\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row module_id=\u00bb5\u2033 _builder_version=\u00bb4.16\u2033 _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}]info=\u00bb{}] [et_pb_column type=\u00bb4_4\u2033 _builder_version=\u00bb4.16\u2033 _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text _builder_version=\u00bb4.16\u2033 _module_preset=\u00bbdefault\u00bb\u00bb\u00bb|color_margin_info|s|1|16| \u201e{}\u201d]<\/p>\n<h2><strong>Ce se \u00eent\u00e2mpl\u0103 dac\u0103 toate instrumentele nu func\u021bioneaz\u0103?<\/strong><\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=\u201d4.16\u2033 _module_preset=\u201ddefault\u201d global_colors_info=\u201d{}\u201d]<\/p>\n<p>\u00cen realitate, acest lucru este pu\u021bin probabil. Dar dac\u0103 se \u00eent\u00e2mpl\u0103 o astfel de for\u021b\u0103 major\u0103, principalul instrument de lucru r\u0103m\u00e2ne \u00eentotdeauna \u00een m\u00e2inile noastre - un browser web. Pentru a verifica ce document HTML a primit browserul, trebuie s\u0103 selecta\u021bi fi\u0219ierul de pagin\u0103 din panoul de dezvoltare din fila de re\u021bea. \u0218i apoi, \u00een fila Previzualizare, ve\u021bi vedea diferen\u021be vizuale \u00eentre pagina primit\u0103 \u0219i pagin\u0103 dup\u0103 ce toate scripturile suplimentare au fost executate.<\/p>\n<p>[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/dits.md\/wp-content\/uploads\/14.jpg\u00bb title_text=\u00bb14\u2033 show_in_lightbox=\u00bbon\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.16\u2033 _module_preset=\u00bb implicit&quot; global_colors_info=&quot;{}&quot;][\/et_pb_image][et_pb_text _builder_version=&quot;4.16\u2033 _module_preset=&quot;default&quot; global_colors_info=&quot;{}&quot;]<\/p>\n<p>Dar fila R\u0103spuns va fi mai interesant\u0103 \u0219i prioritar\u0103 pentru noi. Aici pute\u021bi vedea \u0219i analiza documentul HTML primit de browser.<\/p>\n<p>[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/dits.md\/wp-content\/uploads\/15.jpg\u00bb title_text=\u00bb15\u2033 show_in_lightbox=\u00bbon\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.16\u2033 _module_preset=\u00bb implicit&quot; locked=&quot;off&quot; global_colors_info=&quot;{}&quot;][\/et_pb_image][et_pb_text _builder_version=&quot;4.16\u2033 _module_preset=&quot;default&quot; global_colors_info=&quot;{}&quot;]<\/p>\n<p>S\u0103geata din captura de ecran arat\u0103 butonul Beautifier, care va face codul mai u\u0219or de citit. Dac\u0103 site-ul nu are o redare separat\u0103 pe partea de server pentru bot, este important s\u0103 vedem toate blocurile de con\u021binut \u0219i elementele semantice \u00een acest document. Apoi, indiferent de resursele de randare ale robo\u021bilor de c\u0103utare, putem fi siguri c\u0103 botul a primit exact tot ce avem nevoie.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row module_id=\u00bb6\u2033 _builder_version=\u00bb4.16\u2033 _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_build preset=\u00bb4_4_module 6\u2033=\u00bb_4.4. = \u201eimplicit\u201d global_colors_info=&quot;{}&quot;][et_pb_text _builder_version=&quot;4.16\u2033 _module_preset=&quot;default&quot; custom_margin=&quot;||16px||false|false&quot; global_colors_info=&quot;{}&quot;]<\/p>\n<h2><strong>Ca urmare<\/strong><\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=\u201d4.16\u2033 _module_preset=\u201ddefault\u201d global_colors_info=\u201d{}\u201d]<\/p>\n<p>\u00cen practic\u0103, \u00eent\u00e2lnim adesea situa\u021bii \u00een care speciali\u0219tii din echipele interne nu \u00een\u021beleg de ce site-ul nu cre\u0219te. Dar adev\u0103rul este c\u0103 robo\u021bii de c\u0103utare pur \u0219i simplu nu v\u0103d majoritatea con\u021binutului din aceste resurse, ceea ce duce la pierderi mari \u00een cursa pentru pozi\u021biile de top \u00een rezultatele c\u0103ut\u0103rii. Din acest motiv, v\u0103 recomand\u0103m s\u0103 utiliza\u021bi GSC pentru a verifica redarea paginilor resursei dvs. \u0219i Rich Snippets Testing Tools pentru a verifica paginile concuren\u021bilor.<\/p>\n<p>\u00cen cazul clien\u021bilor no\u0219tri, pur \u0219i simplu nu permitem site-ului lor s\u0103 nu aib\u0103 redarea corect\u0103 configurat\u0103. De exemplu, c\u00e2nd am \u00eenceput s\u0103 lucr\u0103m cu FlyArystan, resursa lor con\u021binea toate versiunile lingvistice pe aceea\u0219i adres\u0103 URL \u0219i nu le-a redat separat. Acest lucru a fost rezolvat \u00eenainte ca site-ul s\u0103 fie lansat. \u0218i recomand\u0103m tuturor s\u0103-l verifice \u00een primele etape ale lans\u0103rii.<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=\u201d4.16\u2033 _module_preset=\u201ddefault\u201d global_colors_info=\u201d{}\u201d]<\/p>\n<p style=\"text-align: right;\"><em><strong>O surs\u0103:\u00a0<a href=\"https:\/\/www.promodo.ua\/\" rel=\"nofollow noopener\" target=\"_blank\">Promodo.ua<\/a><\/strong><\/em><\/p>\n<p>[\/ et_pb_text] [\/ et_pb_column] [\/ et_pb_row] [\/ et_pb_section]<\/p>","protected":false},"excerpt":{"rendered":"<p><nav aria-label=\"firimituri de p\u00e2ine\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">principalul<\/span><\/p><\/nav>Aproape toate site-urile web moderne sunt concepute \u021bin\u00e2nd cont de utilizatori \u0219i de capabilit\u0103\u021bile de redare ale browserului. De regul\u0103, browserele gestioneaz\u0103 f\u0103r\u0103 probleme chiar \u0219i sarcini complexe. Dar dac\u0103 vorbim de c\u0103utare organic\u0103, atunci toate motoarele de c\u0103utare clasific\u0103 paginile web ca documente HTML. \u0218i robo\u021bii de c\u0103utare, spre deosebire de browserele moderne, au capacit\u0103\u021bi limitate. Dac\u0103 nu \u00ee\u021bi faci griji [\u2026]<\/p>","protected":false},"author":4,"featured_media":12411,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-12408","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news"],"_links":{"self":[{"href":"https:\/\/dits.md\/ro\/wp-json\/wp\/v2\/posts\/12408","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dits.md\/ro\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dits.md\/ro\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dits.md\/ro\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/dits.md\/ro\/wp-json\/wp\/v2\/comments?post=12408"}],"version-history":[{"count":8,"href":"https:\/\/dits.md\/ro\/wp-json\/wp\/v2\/posts\/12408\/revisions"}],"predecessor-version":[{"id":14254,"href":"https:\/\/dits.md\/ro\/wp-json\/wp\/v2\/posts\/12408\/revisions\/14254"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dits.md\/ro\/wp-json\/wp\/v2\/media\/12411"}],"wp:attachment":[{"href":"https:\/\/dits.md\/ro\/wp-json\/wp\/v2\/media?parent=12408"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dits.md\/ro\/wp-json\/wp\/v2\/categories?post=12408"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dits.md\/ro\/wp-json\/wp\/v2\/tags?post=12408"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}