Front-End/프론트엔드 아카데미6 Deep Link, Universal Links, App Link Deep Link Deep Link는 웹에서 특정 링크를 실행하면 사용자를 앱의 특정 페이지로 이동하게 하는 기능을 합니다. 앱이 설치 되지 않았다면 앱을 설치하도록 스토어로 이동시킵니다. PC에서는 해당하는 웹 페이지가 있다면 그 페이지로 이동시킵니다. Universal Links Universal Links는 Apple 에서 제안하는 스펙으로 iOS 진영에서 사용합니다. https://developer.apple.com/ios/universal-links/ Universal Links - Apple Developer Universal Links for Developers Seamlessly link to content in your app or on your website. With universal.. 2022. 10. 6. LCP, FID, CLS LCP : Largest Contentful Paint. 가장 큰 컨텐츠가 표시되기까지 걸리는 시간 ( Loading) FID : First Input Delay. 사용자가 인터렉션을 했을 때 얼마나 빠르게 반응하는가 ( Interactivity) CLS : Cumulative Layout Shift. 레이아웃의 흔들림 정도가 어느 정도인가? 안 흔들릴 수록 좋음. ( Visual Stability) 2022. 9. 20. Open Graph : Metadata Facebook 이 제안한 프로토콜로 이중 메타데이터에 대한 부분을 신경써야 한다. 오픈그래프 태그가 잘 구성되어 있으면, 주변에 공유할 때 풍성한 컨텐츠를 보여줄 수 있다. 카카오톡에서 링크를 공유했을 때, 링크만 공유했는데도 예쁘게 사진이나 타이틀 등이 표시되는 것. 그것이 오픈 그래프이다. 태그를 사용해서 웹 페이지의 상단에 추가해주면 되며, Open Graph 사이트에는 IMDB 사이트를 예시로 들고 있다. ... Basic Metadata 기본이 되는 메타데이터로 제목, 타입, 이미지, URL이 포함된다. IMDB에서는 아래와 같이 사용되었다. og:title - The title of your object as it should appear within the graph, e.g., "The .. 2022. 9. 19. SEO(Search Engine Optimization) Tip SEO : 말 그대로 검색엔진 최적화이다. Tip Cross linking : A라는 문서가 여러 페이지 내에 링크가 되어 있음 title tag and meta description : Title과 meta 태그가 잘 표시되어 있음 URL canonicalization : URL 정교화 2022. 9. 16. 이전 1 2 다음