În ultimii ani s-a apelat foarte mult la generarea cu AI pe mai toate domeniile.

Pe plan de web development, vremea când puteai construi un website bunicel cu 3 pagini de prezentare a trecut.

Acum nu mai construiești… generezi. Chiar de erau anumite template-urile din CMS-urile deja știute(Wordpress, Drupal, Wix și cele autohtone) și acestea trebuiau configurate și personalizate în detaliu. Trebuia să știi și ceva css, html + diferite limbaje de programare.

Unde sunt toate librăriile de Javascript, care unele îți mergeau strună iar altele îți dădeau bătăi de cap?

Atunci învățai și apoi te puteai dezvolta mai mult și puteai să vii cu soluții inedite.

Limbajele de programare au rămas ușor de înțeles doar celor care au fost nevoiți să greșească și să învețe, nu să genereze.

Mai țineți minte cum era atunci? Când scriai cu sârg stiluri, html-uri și diferite limbaje de programare pe care uneori nu le înțelegeai din prima? Dar primele librării de Javascript?

Cum era în 2010 cu Knockout.js released ori Backbone.js sau când a devenit Angular.js open source?

Spre 2011, conceptul de web component — MDV, precursor al lui Polymer, prezentat de către Alex Russell la the Fronteers Conference. Ulterior, Google a venit cu librăria Polymer pe partea de creare și integrare a componentelor web în 2013.

Tot în 2013, apare React ulterior cu ale lui Gatsby: 2015, 2016, Next 2016 SvelteKit lansat la 2 ani de la anunțarea lor inițială, venind în 2022 cu prima versiune.

În 2014 apare și prima versiune de Vue.js, cu al său Nuxt în 2017.

Sunt multe componente, librării și moduri de a da o identitate și a pune suflet în lumea web developmentului.

Generarea cu mașinăriile ar trebui să permită mai puțin timp pierdut pentru funcțiile repetitive.

AI-ul ar fi trebuit să rămână o muncă binevenită în ajutorul programatorului și atât.

Numai că Ajutorul a devenit programator, content writer, graphic designer sau… psihoterapeut.

Sigur există și un viceversa, în care psihoterapeutul a devenit el însuși prestator de aceste servicii web generate cu AI.

În viața reală vedem cum specialiști din diverse domenii, cu precădere cele umaniste devin programatori web, graphic designeri, agenți de publicitate ș.a.m.d

Lumea se transformă de ceva ani dar noi o să rămânem alături de voi cu proiectele mult trudite de om.

Dacă sunt elemente repetitive și dorite rapid pentru producție, puține pagini specifice, probabil să le generăm cu AI. Nu spunem nu!

Încercăm să ne adaptăm pentru a termina lucrurile mai repede. O să coste mai puțin dar nu fără preț. O să ne coste și pe noi mai puțin timp și câștigăm in plus oportunități pentru a ajuta și alte afaceri. Trebuie să fii în ritm cu piața.

Totuși, timpul nostru, „QA-ul” AI-ului, costul abonamentului pentru serviciu, adaosul și alte costuri operaționale vor exista.

Nu în ultimul rând, răsplata pentru munca de a ști unde trebuie corectat AI-ul atunci când greșește o linie de cod sau timpul irosit atunci când AI alocă prea multă vreme să prelucreze instrucțiunile primite sau cel mai adesea, se și te contrazice inutil.

Se mai adaugă configurările, certificatele, politicile site-ului adaptate apelând la profesioniști în domenii conexe, securizări ș.a.m.d.

Încă vă putem oferi servicii personalizate, cu abilități șlefuite de pe vremea când trebuia să cauți, să deduci, să greșești dar și să înveți.

Totodată încă dispunem de flexibilitatea profesională necesară de a înțelege și aplica concepte de dificultate medie spre mare, fără implicații exclusive din partea AI.

În virtutea acestui aspect, dacă aveți nevoie și de consultanță despre dezvoltare web privind afacerea dvs. cu persoane pregătite de a vă veni în sprijin, vă stăm la dispoziție.

Soulmatters Design: Creativitate, flexibilitate, rezultate!

Programatorul cu AI, designerul de șabloane, profesionistul autogenerat was originally published in SM-Design on Medium, where people are continuing the conversation by highlighting and responding to this story.

În cadrul conferinței I/O 2017, la partea de web design, s-a pus foarte mult accentul pe User Experience.

Să enumerăm principalele aspecte de care trebuie să țină cont web designerii. Site-ul trebuie să fie:

1.Reactiv

• Creatorii unui site vor ține cont de timpul de încărcare a site-ului și de reprezentarea acestuia, prin elemente specifice — Loading bar.
• Un site reactiv trebuie să și aibă fonturi optimizate și imagini svg.
• Se vor utiliza elementele de distragere a atenției, atunci când se incarcă pagina principală. Conținutul din site se va încărca astfel încât, să nu existe disconfort vizual generat de tranziția bruscă dintre pagini.

Câteva unelte pentru site-uri reactive:
- Extensia Lighthouse - oferă un raport complet al paginii și este o extensie Chrome(deja implementată în Dev tools).
- Page Speed Insights, de asemenea unealtă Google.
- Webpagetest, unealtă non Google dar cu care puteți afla cum experimentează utilizatorii site-ul creat de voi.

O aplicație web progresivă trebuie să fie PRPL (Purple Pattern - concept introdus din 2016)

P — push (preluarea fișierelor importante de pe server pentru pagina solicitată)
Render — afișarea rapidă a paginii solicitate
Pre-che — Browser-ul să încarce paginile rămase în cache.
Lazy-load — Încărcarea la cerere a resurselor necesare pentru restul paginilor.

2.Predictibil

Folosirea meniului Polymer, optând pentru Swipe și gesturi ușor de înțeles. La Polymer a fost scos Blue flash. Acesta era o „rămășită” de la începuturile web-ului care a fost creată pentru a oferi feed-back la apăsarea link-urilor.

3. Control

Utilizatorul va avea control asupra site-ului accesat. Imaginile, butoanele site-ului nu se vor mai decala până la încărcarea totală a paginii web. În acest sens, nu vor mai fi neplăceri în a apăsa din greșeală pe alte butoane decât cele dorite. Apariția aplicațiilor web progresive, au putut readuce controlul utilizatorului asupra site-ului pe care-l accesează.

Push-notification — utilizarea acestui element trebuie să se limiteze la magazinele online, site-uri de știri, jurnale. Respectând această limită, utilizatorul va avea control asupra conținutului primit. Odată acceptate notificările, acesta va ști la ce informații să se aștepte.

Câteva dintre dezavantajele absenței Progressive Web App:

• Intervalul mare de încărcare între pagini din interiorul unui site.
• Întârzierea animațiilor sau a apariției butoanelor, imaginilor în cazul telefoanelor low-end.
• Scroll infinit — La aceste liste de scroll infinit, atunci când vor fi foarte multe elemente(sute de mii), acestea vor rămâne încărcate în memoria browserului. Ca urmare, browserul se va mișca lent, „furând” din memoria RAM. Unica soluție este utilizarea listelor virtualizate. Obiectele din aceste liste, se încarcă pe măsură ce se dă scroll. Cele anterioare, se vor șterge din cache-ul browserului, pentru a se înlesni navigarea.

Aici găsiți mai multe informații despre Progressive Web App.

Google I/O 2017 — web design was originally published in SM-Design on Medium, where people are continuing the conversation by highlighting and responding to this story.

Service Worker aparține aplicațiilor progresive web și este un script ce rulează în browser, în fundal. Service Worker cuprinde: Push Notification, sincronizare în fundal și posibilitatea de accesa un site pe care ai mai navigat. Site pe care-l poți accesa chiar dacă ești deconectat de la Internet.

Service Worker permite să rulezi paginile din cache-ul browserului, pentru a accesa conținutul dorit.

Sincronizarea în fundal oferită de Service Worker permite să scrieți un mesaj chiar dacă sunteți offline cu certitudinea că acesta se va trimite. Cât sunteți offline, mesajul rămâne în fundal. Atunci când vă conectați din nou la Internet, mesajul va fi livrat.

Cum am mai menționat și în alt articol, Service Worker nu rulează fără certificat de securitate.

De asemenea, paginile web pe care doriți să le accesați și au Service Worker, pot fi accesate chiar și offline.

Codul de sincronizare in background

Codul de instalare Service Worker

Răspuns Service Worker — Definirea unui apel invers pentru instalare SW și ce fișiere doriți să păstrați în cache.

Confirmare cache

Sursă

Service Worker was originally published in SM-Design on Medium, where people are continuing the conversation by highlighting and responding to this story.

În acest articol, vă prezint o forma sintetizată a ceea ce a mai apărut nou sau ce anume încă se mai utilizează în web design.

Să începem:

• se mențin: material design, long-scrolling și încă parallax.
• interfață prietenoasă — se urmăresc mai mult ca-n alți ani, aspectele legate de înlesnirea parcurgerii paginilor web de către utilizator. Mai concret: utilizarea imaginilor care transmit un mesaj, structură simplificată și culori vii dar nu deranjante ochiului.
• meniu simplificat, interfață animată. Ca-n anul precedent, încă sunt folosite animațiile gif și clipurile video de scurtă durată în secțiunea introductivă(cel mai frecvent).

Looping și automatism

Ca-n orice activitate de zi cu zi, noi oamenii, creăm anumite obiceiuri. În acest context, în continuare utilizatorului, intră într-o buclă(looping) a interacțiunii.

1. Semnalul
2. Rutina
3. Recompensa

Un exemplu clar este cel al notificărilor de pe rețelele de socializare. La primirea unei notificări, omul este tentat să apese butonul activ, să vadă despre ce este vorba.

Fie că vorbim de un mesaj sau o notificare vizavi de distribuirea unui conținut de către altcineva, ori de un push notification de pe un site, se urmărește intrarea în această buclă a interacțiunilor.

Observi semnalul, nu te poți abține și apeși, apoi primești recompensa. Aceasta poate implica ori o conversație cu un cunoscut ori o nouă veste asupra unui domeniu ce te interesează. Se speculează înclinația oricărei persoane, de a afla cât mai repede ultimele vești.

Titlul

Acum se adoptă ideea de nonconformism, de unicitate și personalitate, până la urma urmei. Se utilizează titlul de mari dimensiuni și cu mesaj clar. Stilul titlului devine deosebit. În acesta se inserează și elemente grafice, animații, elemente menite să accentueze ideea business-ului. Aici aveți câteva exemple.

Culorile
Duotone, Degradé, Umbre

Se optează pentru culori neutre, iar în același timp și de un boom de culori îndrăznețe. Această tendință creează utilizatorului impresia că există un site „viu” care poate transmite mult mai bine un mesaj. Se pune foarte mult accentul și pe microinteracțiuni iar acestea sunt dobândite prin uzul de culori vii, dar nu obositoare ochiului.

Se alege o paletă de culori care să transmită utilizatorului un mesaj. Din ce în ce mai mulți web designeri au ieșit din sfera safe-colours și încearcă fel de fel de combinații de culori pentru a transmite ceva. De asemenea, încă este la căutare aranjamentul de culori duotone, care se presupune că ar transmite mai multă originalitate, tinerețe și nonconformism.

Degradé. Sunt nenumărate exemple de site-uri ce utilizează culori în degradé. Desigur, depinde de opțiunea fiecăruia de a folosi acest stil de culori. Imagini duotone în stil gradient, imagini suprapuse cu strat gradient, flat color și multe alte combinații de culori specifice. Accesați paleta de culori utilizate în web design.

Jocul de umbre în secțiunile paginilor pare să fie utilizat în din ce în ce mai multe site-uri și de ceva timp s-a adoptat o nouă tehnică. Straturi suprapuse ale aceluiași element, care să creeze un efect unic de umbră și de 3D (aici aveți un exemplu)

Imaginile

Imaginile stock nu mai sunt în tendințe. Fiecare web designer, trebuie să încerce să utilizeze imagini unice.

Chat box

Caseta de chat-box nu mai este de actualitate, iar accentul se pune din ce în ce mai mult pe dezvoltarea boților care pot fi capabili să aibă o conversație basic cu utilizatorul în a-l îndruma, de exemplu, cum să plaseze o comandă, detalii produse, aspecte ce țin de livrare a acesteia etc.

Grafică

3D cu 2D ce oferă o impresie a unei pagini vii și sporește astfel șansa de interacțune mai eficientă cu utilizatorii. Project Felix de la Adobe are deja uneltele necesare pentru conceperea unui astfel de design.

Asimetrie, aparent haos, tipar grilă, figuri geometrice, fonturi de diferite tipuri(chiar și cel monospațiat), amestecuri de diferite culori și per total „mână liberă” la creativitate( e x e m p l e).

Evidențierea conținutului.

Deși este un deziderat de mai mulți ani în acest segment, totuși anul acesta se va urmări aplicarea mai temeinică a optimizării site-ului. Se va evidenția un conținut de calitate, prin expunerea acestuia alături de diverse elemente grafice, video-uri, fonturi deosebite și culori alese cu gust.

Acestea par să fie tendițele pe 2017, regăsite încă din 2016, dar pe măsură ce trece timpul, mai apar noutăți în domeniu și vă vom ține la curent.

Tendințe în web design pentru anul în curs was originally published in SM-Design on Medium, where people are continuing the conversation by highlighting and responding to this story.

Securizare gratuită a site-ului tău

Platforma CA(Certificated Authority) Letsencrypt.org, pune la dispoziție mijloacele prin care site-ul tău să poată beneficia de certificat SSL gratuit.

Condiții

Să ai propriul tău server sau să poți beneficia de avantajele unei platforme în cloud, unde se pot găzdui bazele de date ale site-urilor(ex: Google Cloud, AWS, Microsoft Azure, Digital Ocean).

Listă compatibilitate browsere

• Mozilla Firefox >= v2.0
• Google Chrome
• Internet Explorer on Windows XP SP3 sau peste
• Microsoft Edge
• Android OS >= v2.3.6
• Safari >= v4.0 pe macOS
• Safari on iOS >= v3.1
• Debian Linux >= v6
• Ubuntu Linux >= v12.04
• NSS Library >= v3.11.9
• Amazon FireOS (Silk Browser)
• Cyanogen > v10
• Jolla Sailfish OS > v1.1.2.16
• Kindle > v3.4.1
• Java 7 >= 7u111
• Java 8 >= 8u101

Prin platforma CA beneficiezi de:

• Posibilitatea de a avea SSL gratuit dacă deții propriul domeniu și server
• Sprijinul gratuit al membrilor comunității atunci când întâmpini probleme cu certificatul de securitate, fiind încurajată transparența și colaborarea
• Asigurarea suportului necesar pentru operatorii de site-uri în a implementa SSL-ului gratuit și explică cum poți începe setarea protocolului ACME(Automatic Certificate Management Enviroment)
• valabilitatea 90 zile dar cu posibilitatea de a se reînnoi manual certificatele cu 30 de zile înainte de a expira.

Implicații pe scară largă

Mozilla Corporation, Cisco Systems, Inc., Akamai Technologies, Electronic Frontier Foundation, IdenTrust, Inc, cercetători ai Universității din Michigan și mulți alții lucrează împreuna prin Internet Security Research Group (ISRG).

ISRG este o corporație din California ce lucrează în beneficiul Internetului, a optimizării și securizării mediului online.

Din partea CA, posibilitatea detectării și protecției antimalware și antipishing este limitată. Acest lucru se datorează faptului că nu are vizibilitate suficientă asupra conținutului de pe Internet. De ce? Virușii pot afecta anumite pagini și își pot schimba rapid ținta.

Aceștia pot pătrunde în breșele datorate expirării certificatului de securitate. De asemenea site-ului este vulnerabil cât timp se derulează procedura de reînnoire a certificatului. De aceea, este bine să-l actualizăm înainte de a expira, eventual chiar zilnic dacă avem timpul necesar. Momentan, CA deține doar o listă neagră cu site-urile problematice.

Sunt mulți oameni de rea-credință, care achiziționează SSL-ul de la diverse autorități certificate, ca apoi să intre în site-urile oamenilor și să creeze daune. Totuși, majoritatea browserelor dezvoltă în continuare mijloace de prevenire a furtului de date și a luptei contra malware.

Letsencrypt.org este o platformă open-source de care depinde continuitatea drumului către emiterea certificatelor SSL gratuite. Să sperăm că vor mai apărea și alte platforme cu același țel, ce vor contribui la un Internet mai sigur.

Sursă articol: 70% info preluate, traduse și adaptate de pe Letsencrypt.org

Free SSL was originally published in SM-Design on Medium, where people are continuing the conversation by highlighting and responding to this story.

AMP(Accelerated Mobile Pages) este un proiect realizat de Google și Tweeter în 2015. Acesta era destinat mai mult publicațiilor, ziarelor online, dar de-a lungul anului 2016, a putut fi disponibil pentru oricine.

AMP este integrat în tagul HTML, spunând generic AMP HTML PAGES.

Să încercăm…

AMP — rapiditate, încărcare instant, conceput pentru a fi mobile-friendly acces rapid în motoarele de căutare și utilizat de multe multe companii mari.

AMP (Pagini Web Accelerate) — tehnic was originally published in SM-Design on Medium, where people are continuing the conversation by highlighting and responding to this story.

Versiunea 0 a Custom Element și Shadow Dom, care este folosită de Polymer 1, este momentan doar în Chrome și Opera. Pentru celelalte browsere făcându-se un polyfill(webcomponents.js), înclusiv și pentru IE10.

Polymer 2.0 folosește clasele ES6 pentru a crea un Custom Element, fiind specificația a JavaScriptului, și este suportată de majoritatea browserelor(Chrome, Opera, Edge, Firefox, Safari 10) mai puțin IE11 și Safari 9. Pentru care cei de la Polymer vor pune la dispoziție un JavaScript transpiler — o adaptare a codului scris în ES6 pt rularea lui și în restul browserelor.

Pentru importarea componentelor va fi folosit în continuare HTML Imports(o specificație suportată doar de Chrome, pentru că ceilalți producători de browsere nu s-au pus de acord, încă). Acesta permite încărcarea componentelor cu metoda Lazy loading — adică componentele se încarcă exact când este nevoie, pentru a nu îngreuna rularea paginii în browser.

Polymer 2.0 preview poate fi găsit pe Github pentru cei interesați. Odată ce se va lansa versiunea stabilă, echipa Polymer pune la dispoziția developerilor un mod simplu de a converti elementele din Polymer 1 pentru a fi compatibile cu Polymer 2.0.

Pentru elementele complicate ce nu vor putea fi updatate, va fi pus la dispoziție un sistem hibrid, care va permite rularea concomitentă a componentelor celor 2 versiuni. Astfel se va se realiza o tranziție mai ușoară către Polymer 2.0. Modificările nu vor fi majore. Sintaxa din Polymer 1 este foarte asemănătoare cu Polymer 2.0.

Polymer 2.0 nu suportă elemente TYPE-EXTENSION, spre exemplu:

Sintaxa din polymer 1 pentru type-extension „is=”:

Va deveni:

Interoperabilitate îmbunătățită.

Eliminarea necesității de a utiliza Polymer.dom pentru manipularea DOM, Polymer 2.0 face mai ușor de utilizat componente sale cu alte biblioteci. În plus, shadow-dom a fost separat într-un polyfill reutilizabil, aducând îmbunătățiri ale sistemului de date.

Polymer 2.0 include îmbunătățiri orientate către sistemul de date. Aceste modificări aduc îmbunătățiri compatibilității privind fluxul de date de sus în jos, ca Flux. Aproape standard.

Pentru mai multe detalii Polymer-Project și Github.

Polymer 2 was originally published in SM-Design on Medium, where people are continuing the conversation by highlighting and responding to this story.

După cum bine știți, Google pune mare accent pe optimizarea site-urilor pentru dispozitivele mobile.

Oriunde, oricând, folosim tehnologia actuală pentru a avea informația pe care o căutăm, cu rezultatele cele mai precise.

Divizarea indexului de căutare

Gary IIIes, Webmaster Trends afirmă că, în următoarele luni, Google va diviza indexul rezultatelor de căutare. Va fi unul pentru dispozitivele mobile și unul pentru versiunea desktop.

Dispozitivele mobile vor avea întâietate

Gary spune că va exista în continuare indexarea desktop. Totuși, aceasta nu va fi într-atât de actualizată, în comparație cu cea de pe mobil.

Googleboții vor selecta cu precizie conținutul web, iar paginile optimizate pentru mobil, vor avea întâietate. Astfel, tot ceea ce cuprinde site-ul tău, va fi și mai vizibil.

Fiecare webmaster trebuie să țină seama de îmbunătățirea cât mai rapidă a paginilor web pe care le are. Totul, chiar înainte ca Google să pornească cu acest „split” al indexărilor. Țineți cont că, 75% dintre accesări provin de pe dispozitivele mobile și cu cât mai optimizat site-ul vostru, cu atât mai bine.

Non-responsive, rată mare de abandon

Mai mult de 40% din utilizatori abandonează paginile accesate datorită încărcării lente și a unei interfețe non-responsive. De pe dispozitivele mobile, rata abandonului crește iar șansele de a avea vizitatori recurenți, scad. Așadar, pe lângă mobile-friendly, avem nevoie de: rapiditate, conținut exact pe nișa noastră, unicitatea acestuia și AMP.

Extragerea datelor

Înainte, datele erau preluate de pe versiunea desktop pentru a determina rank-ul conținutului accesat de pe mobil. Acum, datorită divizării indexului de căutare, vor fi extrase doar datele ce le transmit dispozitivele mobile.

Prin acest demers de split al indexului, se urmărește obținerea unor rezultate de căutare mai bune. De asemenea, cei care vă accesează site-ul, vor fi mult mai mulțumiți de vizită și încurajați să revină și pentru o achiziție — de pe mobil.

Mobilitate, oriunde și oricând. Divizarea indexului de căutare was originally published in SM-Design on Medium, where people are continuing the conversation by highlighting and responding to this story.

„Punctul pe i?”

Google a anunțat încă din 2015 că, dacă vom integra în website-urile noastre certificatul de securitate SSL, scorurile acestora se vor îmbunătăți.

Cum am mai scris și într-un alt articol, certificatul SSL are o importanță mare în domeniul construirii de pagini web. Este important pentru o navigare sigură a utilizatorilor de pe internet și nu numai. Mai jos, puteți vedea scris ce anume.

Navigând pe diferite site-uri, veți vedea că multe dintre acestea au în address bar un „i” într-un cerc. Înainte, simbolul era o pagină mică și ne puteam da seama și atunci de faptul că site-ul nu avea SSL.

SSL este o soluție foarte bună pentru:

— Securizarea datelor între server și browser
 — Evitarea reclamelor care pot apărea atunci când alții vă accesează site-ul. Deși, foarte interesant, probabil să nu vedeți asta și pe calculatorul dvs.
 — Simbolul lacătului verde din address bar, conferă siguranță, încredere vizitatorilor site-ului securizat
 — Sistemul de plăți online nu va avea breșe
 — Față de restul site-urilor fără SSL, cele securizate vor urca mai rapid în lista rezultatelor oferite de Google.

Mai jos, puteți vedea cum este notificat în address bar un site securizat și unul nesecurizat.

„Punctul pe i?” was originally published in SM-Design on Medium, where people are continuing the conversation by highlighting and responding to this story.

Atunci când navigăm pe website-uri, întâlnim frecvent bannere, casete pentru subscribe, publicitate, invitații spre rețele sociale etc. Acestea sunt de mari dimensiuni, intruzive, greu de evitat și de închis.

Reclamele de tip interstițial sunt încă destul de întâlnite. Între pagina principală și cea dorită pentru accesare, intervine o altă pagină, unde apar mesaje publicitare. În urma acestor mesaje, mulți oameni au tendința să dea „back” în browser sau să închidă fereastra de navigare, cu totul. De multe ori, unii utilizatori, încă neobișnuiți cu acest mod de promovare, cred că au luat un virus pe calculator. Aceeași experiență neplăcută este și la apariția ferestrelor pop-up.

Reclamele afișate, invitația pentru apreciere pe rețeaua socială, de cele mai multe ori, nu pot fi închise cu ușurință. De asemenea, sunt multe site-uri fără un cadru responsive și cu alte diferite neajunsuri. Căutarea pe aceste site-uri a butoanelor de skip ad sau echivalentele lor, devine agasantă(de pe mobil, nu mai discutăm).

Reacția multor utilizatori vizavi de această problemă, poate fi resimțită în rata de abandon mare a site-urilor și eșecul asupra obținerii unei conversii mai bune.

Aceste aspecte s-au tot discutat în ultimii ani, pe multe site-uri. Toată lumea este deranjată de acest lucru. Totuși, foarte mulți ce dețin website-uri sau utilizatori obișnuiți, încă persistă în același tipar prin atitudinea lor. Mereu vor fi oferte unde sunt cereri. Bazarul s-a mutat demult pe net.

Conținutul trebuie să fie ușor de accesat și de parcurs. Din 2017, lucrurile se vor schimba! Google va penaliza toate site-urile care refuză să îmbunătățească experiența online a utilizatorului! Coborârea site-ului în lista de rezultate, fiind una dintre penalizări și este semnificativă.

Mai jos, exemple cu „Așa da!” și „Așa nu!”

Photo

Dacă sunt afișate la o dimensiune rezonabilă, sunt excluse de la penalizări următoarele: avertizarea asupra folosirii cookie-urilor, casetele de logare, avertismentele privind vârsta și banerele de dimensiuni reduse care pot fi ascunse/închise ușor.

Photo

Reclame interstițiale și intruziune. Penalizări Google was originally published in SM-Design on Medium, where people are continuing the conversation by highlighting and responding to this story.