Add site_name and clean the title

README.md

@@ -7,11 +7,11 @@ Crawl and merge ptt/imdb/yahoo movie data, help easy search high rating movie in
 
 ## Quick Start
 
-`nvm use`
-`npm install -g yarn`
-`docker compose up`
-`yarn`
-`yarn build && yarn start` then open http://localhost:3003
+- `nvm use`
+- `npm install -g yarn`
+- `docker compose up`
+- `yarn`
+- `yarn build && yarn start` then open http://localhost:3003
 
 ## Get the latest Data locally
 

src/app/components/theaterDetail.tsx

@@ -86,7 +86,7 @@ class TheaterDetail extends React.PureComponent<any, { selectedIndex: number }>
       return <LoadingIcon isLoading={loading} />;
     }
     const theater: Theater = theaters[0];
-    document.title = `${theater.name}時刻表 | Movie Rater`;
+    document.title = `${theater.name}時刻表`;
     document['meta'] = {
       description: generateTheaterDescription(theater),
     };
@@ -137,5 +137,5 @@ function generateTheaterDescription(theater: Theater) {
   const movieNames = theater.schedules
     ? [...new Set(theater.schedules.map(({ movie }) => movie.chineseTitle))].join('、')
     : null;
-  return `${theater.name} · 地址:${theater.address} · 線上購票請點此 · 電影時刻表:${movieNames}`;
+  return `${theater.name}．地址:${theater.address}．線上購票請點此．電影時刻表:${movieNames}`;
 }

src/index.html

@@ -40,6 +40,7 @@
     <meta property="og:type" content="website" />
     <meta property="og:image" content="{{ meta.image }}" />
     <meta property="og:description" content="{{ meta.description }}" />
+    <meta property="og:site_name" content="MovieRater" />
     {% if meta.canonicalUrl %}
     <link rel="canonical" href="{{ meta.canonicalUrl }}" />
     {% endif %}