Implement tweaks recommended by Lighthouse

ralienpp commented 4 years ago

Chrome includes a dev-tool called "Lighthouse", which provides some recommendations for improving the page. Some of them are fairly simple:

[ ] Add meta description to document
[x] robots.txt is not valid
[x] Provide apple-touch-icon to make it look nicer on iOS devices that use the PWA feature (it must point to a non-transparent 192px (or 180px) square PNG)

Discussion:

what should the META text be?

roata commented 4 years ago

Let's set the meta part to the following

<head>
  <meta charset="UTF-8">
  <meta name="description" content="Monitorizarea transportului public din Chișinău">
  <meta name="keywords" content="Chișinău, troleibuz, trolleybus, transport public, GPS">
</head>

What is the right way to deal with multilinguality? Because we have to cover multiple languages, we need something like <meta name="keywords" content="Chișinău, Кишинёв, троллейбус, troleibuz, trolleybus, transport public, общественный транспорт, GPS"> - however I am guessing these are too many keywords and it can be perceived as SEO spam.

Moreover, we have to have a description in Russian and in English. What's the proper way to deal with this?

iamandrewluca commented 4 years ago

For single page applications, a solution would be to build entire app for each language. (Angular apps do this)

And have for example

http://roataway.md/index.html (default language)
http://roataway.md/en/index.html
http://roataway.md/ro/index.html
http://roataway.md/ru/index.html

roata commented 4 years ago

Hmm, the downloaded JS file is already pretty large. If one would have to redownload it whenever they switch languages - I would rather sacrifice the META/SEO bells and whistles in favor of common sense.

roataway / roataway-web

Implement tweaks recommended by Lighthouse #131