diff --git a/src/components/Seo.tsx b/src/components/Seo.tsx index 1c5d48d7..e8517ee5 100644 --- a/src/components/Seo.tsx +++ b/src/components/Seo.tsx @@ -23,124 +23,123 @@ export const Seo = withRouter( router, children, isHomePage, - }: SeoProps & {router: Router}) => ( - - {/* DEFAULT */} + }: SeoProps & {router: Router}) => { + const pageTitle = isHomePage ? 'React' : title + ' – React'; + // Twitter's meta parser is not very good. + const twitterTitle = pageTitle.replace(/[<>]/g, ''); + return ( + + {/* DEFAULT */} - + - {title != null && ( - {title + (isHomePage ? '' : ' – React')} - )} - {description != null && ( - - )} - {/* + {title != null && {pageTitle}} + {description != null && ( + + )} + {/* @todo favicon */} - - {/* OPEN GRAPH */} - - - {title != null && ( + + {/* OPEN GRAPH */} + - )} - {description != null && ( + {title != null && ( + + )} + {description != null && ( + + )} + - )} - + {/* TWITTER */} + + + + {title != null && ( + + )} + {description != null && ( + + )} - {/* TWITTER */} - - - - {title != null && ( - )} - {description != null && ( - )} - - - - - - - - - - {children} - - ) + + + + + + + {children} + + ); + } );