노션(Notion)으로 웹사이트 스크랩 - (Save to Notion) 템플릿 공유

서론

 노션(Notion)의 공식 크롬 확장프로그램 중에 웹 클리퍼(Web Clipper)가 있습니다. 하지만 웹 클리퍼(Web Clipper)의 기능은 다소 단순하고 한계가 있는데요. 이를 보완한 크롬 확장 프로그램이 있습니다. 바로 Save to Notion 입니다. Save to Notion을 활용하여 웹사이트를 스크랩하는 기능에 대해서 포스팅해보겠습니다.

 

---

 

 1. Save to Notion 설치하기 

 Save to Notion은 크롬 확장 프로그램이기 때문에 크롬을 설치하여 사용해야합니다. 크롬 설치가 끝났다면 이제 Save to Notion을 설치해야겠죠? 다음 링크를 통해 크롬 확장프로그램인 Save to Notion을 설치합니다.

 

https://chrome.google.com/webstore/detail/save-to-notion/ldmmifpegigmeammaeckplhnjbbpccmm?hl=ko 

Save to Notion

 

 

 1-1. Chrome에 추가 버튼 클릭 

 

 

 1-2. 확장 프로그램 추가 클릭 

 

 

 1-3. 설치 완료 후 확장프로그램 PIN 버튼 클릭 

 

---

 

 2. 노션(Notion)에 페이지 및 데이터베이스(DB) 추가 

 노션(Notion)에 웹사이트 스크랩을 할 페이지 및 데이터베이스(DB)를 추가합니다. 저는 이름은 단순하게 “웹사이트 스크랩”으로 짓고 웹(Web) 아이콘을 추가했습니다.

 

 

 2-1. 웹사이트 스크랩 페이지 만들기 

 

 2-2. 표 보기 추가 → 데이터베이스(DB) 추가 

 

 

---

 

 3. Save to Notion을 통해 웹사이트 스크랩하기 

노션(Notion)에 해야할 준비는 끝났습니다. 데이터베이스(DB)의 속성을 따로 추가하거나 편집할 필요없이 바로 활용할 수 있습니다. Save to Notion을 통해 웹사이트를 스크랩하는 방법은 다음과 같습니다.

 

 

 3-1. 스크랩하고 싶은 웹사이트에서 Save To Notion → Add a Form 클릭 

 

 

 3-2. 워크스페이스(Workspace)와 데이터베이스(DB) 선택 

 

 

 3-3. Clip Page Content 및 Fields 속성 옵션 선택 

 

💡 Clip Page Content 기능은 해당 웹사이트 내용 자체를 복사해올지 선택하는 옵션입니다.
- 기본적으로 URL만 스크랩하고 싶은 분은 체크하지 않아도 됩니다.
- 저는 기본적으로 내용까지 복사해오고 싶어서 해당 기능을 체크했습니다.

 

💡 Fields에는 웹사이트에서 스크랩해올 데이터를 정합니다.
- 이름은 웹사이트의 타이틀(title)을 가져옵니다.
- Cover 속성을 추가하면 웹사이트의 대표 이미지를 함께 가져옵니다.
- 태그 속성에는 웹사이트에 원하는 태그를 달 수 있습니다.
- 기타 다른 속성 값들을 추가 및 수정하여 사용자화할 수 있습니다.

 

 

 

 3-4. Save & Go Back 버튼 클릭 → 웹사이트 스크랩 클릭 

 

 

 3-5. Add New Page 클릭 

 

---

 

 4. 노션(Notion)에서 확인하기 

 이제 해당 웹사이트가 정상적으로 노션(Notion)에 스크랩되었는지 확인해봅니다.

 

 

 4-1. 웹사이트 스크랩 데이터베이스(DB) 

 

💡 웹사이트가 정상적으로 스크랩된 것을 확인할 수 있습니다.
- URL 속성의 경우 기존에 추가하지 않았더라도 자동으로 추가되어 적용됩니다.

 

 

 4-2. 페이지 열어보기 

 

 

💡 페이지(Page)를 열어보면 웹사이트의 내용까지 모두 스크랩된 것을 확인할 수 있습니다.
- 최상단에는 웹사이트 대표 이미지가 추가되고 그 밑에 내용이 스크랩됩니다.
- Clip Page Content 기능을 체크하지 않으면 내용을 가져오지 않습니다.
- 내용 복사는 다소 시간이 걸립니다. 바로 복사되지 않으면 조금 기다려주세요.

 

 

 4-3. 추가 기능: 하이라이트 

 

 

💡다시 웹사이트로 돌아가서 자신이 중요하다고 생각되는 부분을 드래그를 통해 선택한 뒤
마우스 오른쪽 클릭 → Add Highlight를 클릭합니다.

 

 

 

💡노션(Notion)의 해당 페이지(Page)를 열어보면 하이라이트 내용이 상단에 기록됩니다.
- 해당 기능은 Clip Page Content을 체크하지 않고 하이라이트 부분만 스크랩 내용에 추가할 때 유용합니다.
- 또한 해당 웹페이지에 노랑색으로 하이라이트되어 보기 편합니다.

 

---

 

 5. 마무리 및 템플릿 공유 

 이번 포스팅에서는 Save to Notion 크롬 확장프로그램을 활용하여 웹사이트 스크랩하는 방법을 소개해드렸습니다. 간단한 기능이기 때문에 템플릿 공유가 크게 필요 없겠지만, 포스팅하면서 만든 페이지를 공유하겠습니다.

 

다음 링크를 클릭한 뒤 복제하기를 사용하세요.

https://quilled-hardware-a80.notion.site/3b949031e3f64a7ebfdd1d8a1cb51830

웹사이트 스크랩