Headless Shopware 6 handyersatzteilshop.de ๋ฆฌ๋ฐ์น
handyersatzteilshop.de๋ฅผ ์ํด ๊น๋ค๋ก์ด UI/UX ๋์์ธ์ ํฝ์ ๋จ์๋ก ์ ํํ๊ฒ ๊ตฌํํ์ด โ Shopware 6๋ฅผ ๋ฐฑ์๋๋ก, ์ Nuxt/Vue ํ๋ก ํธ์๋๋ก ๊ตฌ์ฑํ๊ณ ์ฑ๋ฅ, SEO, ํธ๋ํน๊น์ง ์ต์ ํํ์ด.

๊ณ ๊ฐ
Franke Mobilfunk GmbH & Co. KG
์น์ฌ์ดํธ
https://handyersatzteilshop.de๋ฒ์
๊ฐ๋ฐHeadless / ํ๋ก ํธ์๋์ฑ๋ฅ ์ต์ ํ๊ธฐ์ SEOํธ๋ํน์ธํ๋ผ / ํธ์คํ ์ ๊ทผ์ฑ
๋ฌธ์
handyersatzteilshop.de ํ์ ๊ธฐ์กด Shopware-6-Shop์ ๊ฐ์ง๊ณ ์ฐ๋ฆฌ์๊ฒ ์์ด. ๊ธฐ๋ฅ์ ์ผ๋ก๋ ๋ฌธ์ ์์์ง๋ง, ์ฑ์ฅ, ์ฑ๋ฅ, ๊ทธ๋ฆฌ๊ณ ๋ธ๋๋ ์ด๋ฏธ์ง ์ธก๋ฉด์์ ๋ ์ด์ ์์ฒด ๊ธฐ์ค์ ๋ง์กฑ์ํค์ง ๋ชปํ๊ณ ์์์ง.
๊ฒฝ์์ด ๋งค์ฐ ์น์ดํ ์์ฅ์์ ๊ธฐ์กด ์ผํ๊ฐ ์์ง ์ ์ฌ๋ ฅ์ ์ถฉ๋ถํ ๋์ด๋ด์ง ๋ชปํ๋ค๋ ์ ์ด ๋น ๋ฅด๊ฒ ๋๋ฌ๋ฌ์ด. ํ๋ก ํธ์๋๋ ๋ค์ ์ ๋ค๋ฆญํ๊ฒ ๋๊ปด์ก๊ณ , ์ฌ์ฉ์ ํ๋ฆ์ Customer Journey์ ์ต์ ์ผ๋ก ๋ง์ถฐ์ ธ ์์ง ์์์ผ๋ฉฐ, ์ผ๋ถ ํ๋ก์ธ์ค๋ ๋ถํ์ํ๊ฒ ๋ณต์กํ๊ฒ ๋๊ปด์ก์ด. ๋ก๋ฉ ์๋์ ๊ธฐ์ ์ ์์ ์ฑ ์ธก๋ฉด์์๋ ๊ฐ์ ํด์ผ ํ ํฌ์ธํธ๊ฐ ์์๊ณ .
๋์์ ํ์ ์ด๋ฏธ ๋ฏธ๋๋ฅผ ์ํด ์ง์ค์ ์ผ๋ก ์ค๋นํ๊ณ ์์์ด. janger.design๊ณผ ํจ๊ป ๋ช ๋ฌ์ ๊ฑธ์ณ ์๋กญ๊ณ ๋งค์ฐ ๋ํ ์ผํ UI/UX ๋์์ธ์ ์์ฑํ์ง. ํ๋์ ์ด๊ณ , ๋ช ํํ๊ฒ ์ค๊ณ๋๊ณ , ํ๊น ๊ณ ๊ฐ์ ๊ธฐ๋์ ํจ์ฌ ๋ ๊ฐ๊น์ ์ด. ๋ค๋ง ๊ตฌํ ๋์ด๋๋ ๊ธฐ์ ์ ์ผ๋ก ๊ฝค ๋์ ํธ์ด์์ด.
๋ ํ๋์ ์ค์ํ ํฌ์ธํธ๋ ํธ๋ํน์ด์์ด. ์ธก์ ์์ฒด๋ ์ด๋ฏธ ํ๊ณ ์์์ง๋ง, ์ฌ์ฉ์ ํ๋, ํผ๋, ๋ง์ผํ ํ๋์ ์ ๋ง ์ ๋ฐํ๊ฒ ๋ถ์ํ๊ณ ํ์ฅํ ๋งํผ ๊น์ด๋ ์ถฉ๋ถํ์ง ์์์ง.
๊ทธ๋์ ์ถ๋ฐ์ ์ ๋ช ํํ์ด. ๊ฐํ ๋ธ๋๋, ์ผ์ฌ์ฐฌ ๋์์ธ, ๋ช ํํ ์ฑ์ฅ ๋ชฉํ โ ํ์ง๋ง ๊ทธ ์์ค์ ์๊ตฌ๋ฅผ ์์ง ์์ ํ ๋ท๋ฐ์นจํ์ง ๋ชปํ๋ ๊ธฐ์ ์ ์ .
์ด์








ํด๊ฒฐ์ฑ
๊ธฐ์กด ์ํฉ, ์ ๋์์ธ, ๊ทธ๋ฆฌ๊ณ ๋ชฉํ๋ฅผ ํจ๊ป ๋ถ์ํ ๋ค ์ด ํ๋ก์ ํธ์๋ ๋ง์ถคํ ๊ธฐ์ ์๋ฃจ์ ์ด ํ์ํ๋ค๋ ๊ฒ ๋น ๋ฅด๊ฒ ๋ถ๋ช ํด์ก์ด.
janger.design์ UI/UX ๋์์ธ์ ๋ณต์ก๋์ ๋ํ ์ผ ์์ค์ด ๋งค์ฐ ๋์๊ธฐ ๋๋ฌธ์, ์ฐ๋ฆฌ๋ ์๋์ ์ผ๋ก ํด๋์ Shopware-Storefront๋ฅผ ์ ํํ์ง ์์์ด. ๋์ Headless ์ ๊ทผ์ ํํ์ง. Shopware๋ ์์ ์ ์ธ ๋ฐฑ์๋๋ก ๊ทธ๋๋ก ์ฌ์ฉํ๊ณ , ํ๋ก ํธ์๋๋ Nuxt์ Vue๋ก ์์ ํ ์๋ก ๊ฐ๋ฐํ์ด.
์ด๋ ๊ฒ ํด์ ๋ชจ๋ ๊ธฐ๋ฅ, ์ฝํ ์ธ , ์ ๋๋ฉ์ด์ , ๋ํ ์ผ๊น์ง ํฌํจํด ๋์์ธ์ ํฝ์ ๋จ์๋ก ์ ํํ๊ฒ, ๊ณ ์ฑ๋ฅ์ผ๋ก, ๊ทธ๋ฆฌ๊ณ ๋ฏธ๋์๋ ์์ ํ๊ฒ ๊ตฌํํ ์ ์์์ด. ๋์์ Performance์ ๋ก๋ฉ ์๋, ๊ธฐ์ SEO, ๊ฒ์์์ง์ ์ํ ๊น๋ํ ๊ตฌ์กฐ, ์ ๊ทผ์ฑ(Accessibility), ์์ ์ฑ๊ณผ ์ ์ง๋ณด์์ฑ์๋ ๊ฐํ๊ฒ ์ด์ ์ ๋ง์ท๊ณ .
๊ธฐ์ ์ธํ๋ผ๋ ์ต์ ํํ์ด. ์บ์ฑ, ๋น ๋ฅธ ๊ฒ์, ํ(๋๊ธฐ์ด), ์ถ๊ฐ ๋ณด์ ๋ฉ์ปค๋์ฆ์ ๊ฐ์ถ ๊ฐ์ ๋ ํธ์คํ ์ ์ ์ผ๋ก ์ด์ ๋ ๋์ ๋ถํ ์ํฉ์์๋ ์์ ์ ์ผ๋ก ์ด์ํ ์ ์์ด.
ํธ๋ํน ์์ญ์์๋ ๊ธฐ๋ฐ์ ์ ๋๋ก ๋ง๋ จํ์ด. ๊ฑฐ์ ๋ชจ๋ ํต์ฌ E-Commerce ์ด๋ฒคํธ์ ๋ฐ์ดํฐ ํฌ์ธํธ๋ฅผ ๋ด์, ๊ตฌ์กฐ์ ์ผ๋ก ๊น๋ํ Google Tag Manager Data Layer๋ฅผ ๊ตฌ์ถํ์ง. ์ด ๊ธฐ๋ฐ ์์์ anocus.de๊ฐ Google Analytics ๋ฐ ๊ธฐํ ํ๋ซํผ์ผ๋ก์ ํธ๋ํน์ ์ต์ข ํตํฉํ๊ณ , ํ ์คํธํ๊ณ , ์ต์ ํํ์ด โ ์ฐธ์ฌ์ ๋ชจ๋์ ํ์ ์ด ์ ๋ง์๋จ์ด์ง ๊ฒฐ๊ณผ์ผ.
์ดํ








๊ฒฐ๊ณผ
์ด์ handyersatzteilshop.de๋ ๊ธฐ์ ์ ์ผ๋ก๋ ์๊ฐ์ ์ผ๋ก๋ ์๋ก์ด ๊ธฐ์ค์ ์ ์ํ๋, ํ๋์ ์ด๊ณ ๊ณ ์ฑ๋ฅ์ ์จ๋ผ์ธ ์ผํ๋ฅผ ๊ฐ์ถ๊ฒ ๋์ด.
์ ์ผํ์ ๊ฐ์ ์ ๋ค์๊ณผ ๊ฐ์:
- ๋น ๋ฅธ ๋ก๋ฉ ์๋
- ๋ช ํํ๊ณ ์ง๊ด์ ์ธ ์ฌ์ฉ์ ํ๋ฆ
- ํ๋์ ์ด๊ณ ๊ณ ๊ธ์ค๋ฌ์ด ๋์์ธ
- ๊น๋ํ ๊ธฐ์ SEO ๊ตฌ์กฐ
๋ฆฌ๋ฐ์นญ ํ ๋ช ์ฃผ๋ง ์ง๋๋ Google Search Console ๊ธฐ์ค์ผ๋ก ์ค๊ฐ๋ ๊ฐ์์ฑ์์ ๊ธ์ ์ ์ธ ๋ณํ๊ฐ ๋ํ๋๊ณ ์์ด. ๋ํ ๊ตฌ์กฐํ ๋ฐ์ดํฐ(schema.org via JSON-LD)๋ Best Practice์ ๋ง์ถฐ ํตํฉํ์ด โ ๊ฒ์ ๊ฒฐ๊ณผ์์ ๋ ๋์ ๋ ธ์ถ์ ์ํ ํํํ ๊ธฐ๋ฐ์ด์ง.
์ ํธ๋ํน ๋๋ถ์ ์ด์ ๋ง์ผํ ํ๋์ ์ ํํ ๋ฐ์ดํฐ๋ก ํ๊ฐํ๊ณ , ๋ ํ์ฅํ ์ ์๊ฒ ๋์ด. ์์ฌ๊ฒฐ์ ์ ๋ ์ด์ ๊ฐ์ด ์๋๋ผ ๋ฐ์ดํฐ ๊ธฐ๋ฐ์ผ๋ก ํ ์ ์๊ณ .
ํนํ ์ค์ํ ์ : Nuxt, Vue, Shopware๋ฅผ ํ์ฉํ Headless ์ ๊ทผ์ผ๋ก ์ผํ๋ ์ฅ๊ธฐ์ ์ผ๋ก ์ ์ฐํด์ก์ด. ์๋ก์ด ๊ธฐ๋ฅ, ์์ , ์ถ๊ฐ ๊ฐ๋ฐ์ ํจ์ฌ ๋ ๋น ๋ฅด๊ณ ํจ์จ์ ์ผ๋ก ์งํํ ์ ์์ด. ๊ฒฐ๊ณผ์ ์ผ๋ก ๊ฒฝ์์ฌ์ ํ์คํ ์ฐจ๋ณํ๋๋ ์จ๋ผ์ธ ์ผํ๊ฐ ๋์๊ณ , handyersatzteilshop.de ํ์ ์์ผ๋ก์ ์ฑ์ฅ์ ์ํ ๊ฐ๋ ฅํ๊ณ ๋ฏธ๋์งํฅ์ ์ธ ๊ธฐ๋ฐ์ ์ ๊ณตํ๊ณ ์์ด.
๋๋ ๋ชฉํ๋ฅผ ๋ฌ์ฑํ๊ณ ์ถ์ด?
๊ทธ๋ผ ์ฐ๋ฆฌ์ ์ฒซ ๋ฏธํ ์ ์ก์์, ์ฐ๋ฆฌ๊ฐ ๋ค ํ๋ก์ ํธ์ ๋์์ด ๋ ์ ์์์ง ํจ๊ป ํ์ธํด๋ณด์!