Stabilire Font si Size text:

Când navigați pe site-ul web, pentru a afla aspecte legate de fonturi:

Keyboard shortcut = F12 – Inspector (click pe element)
sau Click dreapta pe textul dorit a fi inspectat – Inspect element (Q) – ecranul din dreapta – Computed – color (RGB),
font-family, font-size
Extragere culori:

https://www.colorzilla.com/
- se instalează (este un color picker, un instrument care permite extragerea valorii din orice element din pagina
(pentru text, foto nu)

https://coolors.co/202c39-283845-b8b08d-f2d492-f29559
click Image (Pick colors from images) upload image si click pe porțiuni din imagine
Testare contrast culori Text - Background:
Design

Background – Foreground - Color pick (colorzilla) + Ctl V (Enter după introducere culoare)
https://webaim.org/resources/contrastchecker/

https://snook.ca/technical/colour_contrast/colour.html#fg=D9D9D9,bg=FFFFFF

http://www.checkmycolours.com/ (testează contrastul pe website cu indicare erori)

Colorblind – 1 din 20 de oameni au o forma de deficienta legata de culoare (1 din 12 barbati, 1 din 200 femei)

https://gmazzocato.altervista.org/en/colorwheel/wheel.php
(copy paste din colorzilla) - testare contrast pentru color blind (Deuteranope, Protanope, Tritanope)

http://www.rgblind.se/url (simulator website 2 probleme)

https://www.toptal.com/designers/colorfilter (Enter dupa copy-paste url) in spatiul url (4 probleme)
https://enchroma.com/pages/color-blindness-test?format1=numbers#test (se pot verifica ei daca sunt color blind)
Ierarhia vizuală – influenţată de elemente de design

https://learn.g2.com/visual-hierarchy - articol cu imagini/situaţii

ANALIZA – folosind simultan mai multe tool-uri, veți rezultate diferite deoarece au algoritmi diferiți
- eventual diferite browsere
- desktop vs mobile
- multe tool-uri rulează simultan si analizele de performanta si SEO şi oferă recomandări
- nu luați toate analizele, doar ceea ce apare în suport
!atentie la tooluri folosite:

https://website.grader.com – oferă puține detalii legate de probleme și puține recomandări

https://ready.mobi/ (oferă raport - deși testează pe mobile, uneori rezultatele sunt puțin credibile)

https://neilpatel.com/ (free trial) limitat la 150 pagini

http://www.siteliner.com (free trial) limitat la 250 pagini
Performanţă şi SEO

Performanţă/SEO:

https://gtmetrix.com/ (se poate face cont, simulare pe diferite browsere: (folosești Chrome – de la pagina settings
alegi Firefox și Android; Retest (are mobile 3G) selectezi opțiune; Recomandări; - film in care arata cum se incarca
pagina cu incetinitorul pentru a vedea unde sunt problemele

https://metricspot.com
https://www.seoptimer.com
https://tools.pingdom.com/
https://www.dareboost.com/en/
https://www.seobility.net
https://www.semrush.com/ + informaţii trafic (cere creare cont, dar puteți face cont si fără confirmare)
https://serpstat.com/ Google si Yandex (putin SEO)

Rank
https://www.woorank.com/
https://index.woorank.com/en/reviews?countries=RO
(poti introduce website sa vezi rank; Social Media, SEO)

https://www.alexa.com/siteinfo/ + oferă bounce rate ! ofera search traffic, informații cuvinte cheie (si după traffic)
concurenți similari după audientă ! engagement timp pe site nr vizitatori pe zi, sursa traffic, flow
(rank global şi România)
page speed: desktop vs mobile, adaptare tara
- cele mai recomandate: pingdom, google page speed insight, gt matrix

https://www.dotcom-tools.com/website-speed-test.aspx - se poate testa din diferite ţări şi browsere

(IE, Firefox, Chrom, IOS, Androis) – poți selecta diferite țări din Europa să vezi comparații

https://www.thinkwithgoogle.com/feature/testmysite/ testare pentru rețea mobile Romania

https://varvy.com/pagespeed/
Gazduire website: builtwith.com
broken link/erori – se pot si verifica din ele

https://brokenlinkfinder.com/
ttps://www.brokenlinkcheck.com