๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๐Ÿ‘ฉ‍๐Ÿ’ป Learn programming

[๋‚˜๋งŒ์˜ ๋‹จ์–ด์žฅ] 11. ์™„์„ฑ๋„ ๋†’์ด๊ธฐ - ogํƒœ๊ทธ, favicon

by ๋ฐ๊ตฅ์ž‰ 2022. 5. 4.
๋ฐ˜์‘ํ˜•

โœ… og ํƒœ๊ทธ

  • Open Graph ํƒœ๊ทธ๋กœ ์›นํŽ˜์ด์ง€์˜ ๋งํฌ๋ฅผ ๊ณต์œ ํ•  ๋•Œ ๋‚˜ํƒ€๋‚˜๋Š” ๋ฏธ๋ฆฌ ๋ณด๊ธฐ๋ฅผ ์„ค์ •ํ•˜๋Š” ํƒœ๊ทธ
  • ๋ฉ”ํƒ€ ํƒœ๊ทธ์˜ ์ข…๋ฅ˜ ์ค‘ ํ•˜๋‚˜๋กœ, ‘์ œ๋ชฉ, ์„ค๋ช…, ์ด๋ฏธ์ง€, ๋งํฌ, ํƒ€์ž…’ ๋“ฑ์„ ์‚ฝ์ž…ํ•  ์ˆ˜ ์žˆ์Œ.

โœ… favicon

  • ์ฃผ์†Œ์ฐฝ์˜ ์ฆ๊ฒจ์ฐพ๊ธฐ ์•„์ด์ฝ˜

โœ… ogํƒœ๊ทธ์™€ favicon ์„ค์ •

<meta property="og:title" content="Sparta Vocabulary Notebook"/> 
<meta property="og:description" content="mini project for Web Plus"/> 
<meta property="og:image" content="{{ url_for('static', filename='logo_red.png') }}"/> 
<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}" type="image/x-icon"> 
<link rel="icon" href="{{ url_for('static', filename='favicon.ico') }}" type="image/x-icon"> 
๋ฐ˜์‘ํ˜•