SEO를 염두에두고 디자인해야합니까? 디자이너를위한 가이드

/2018-02-25 03:52:48/
Maylen
/사업/

당신은 아마 그것을 듣고 피곤하지만 검색 엔진 최적화가 중요합니다. 그것은 누가 사이트를 방문하는지, 그리고 얼마나 많은 사람들이 당신의 아름다운 디자인 작품을 보도록 안내하고 영향을 줄 수 있습니다.

계획 단계부터 설계 프로세스의 일부 여야합니다. 따라서 설계자들은 귀를 빼고 디자인 프로세스에서 SEO에 대한 생각을 시작하는 방법을 배우는 것을 우선시합니다. 오늘 주제에 대해 조금 더 살펴 보겠습니다.

SEO 기본

일반적으로 SEO라고하는 검색 엔진 최적화는 검색 엔진에서 웹 사이트로 트래픽을 가져 오는 프로세스입니다. Google은 인기로 인해 SEO의 주요 동인이지만 Bing, AOL 및 Ask와 같은 사이트도 중요합니다.

검색 엔진 최적화는 무료입니다. 유료 검색은 사이트의 가시성을 높일 수 있지만 검색 웹 사이트에 게재되는 광고를 구매하는 것과는 다릅니다. 사본 및 디자인 아키텍처에있는 사이트 및 키워드의 전체 구조에 크게 의존합니다.

그렇다면 SEO에 기여하는 것은 무엇입니까? 수많은 항목이 있으며 이러한 변경 사항은 Google 및 기타 검색 사이트에서 새로 출시 될 때마다 업데이트됩니다. (팬더와 펭귄에 대해 들어 보셨나요?) SEO 기여 요인은 현장 SEO와 현장 외의 두 가지 범주로 나뉩니다.

현장 SEO 순위 요소에는 콘텐츠 (품질, 단어, 참여 및 인기도), HTML (제목, 설명 및 헤더) 및 아키텍처 (사이트의로드 시간 및 속도, 크롤링 가능성 및 URL)가 포함됩니다.

오프 사이트 SEO 순위 요소에는 다른 사이트의 링크, 소셜 미디어 언급, 웹 정직 및 기본 인구 통계 (위치 – 국가 및 도시, 사이트의 역사 및 사용자 의견)가 포함됩니다.

디자이너는 왜 SEO에 관심을 가져야합니까?

사이트가 검색 엔진에 등록되면 사이트에 무엇이 있는지 확인하기 위해 필더를 보냅니다. 디자이너에게 SEO가 매우 중요한 곳입니다. 크롤링은 컨텐츠, "값"및 검색 결과에 컨텐츠를 표시하는 방법을 결정합니다. 사이트가 검색 결과에 더 많이 노출 될수록 더 많은 노출을받을 수 있기 때문에 (그리고 고객이 더 행복해질 수 있기 때문에)이 목록의 최상위에 사이트를 가져 오기 위해 가능한 모든 작업을 수행하려고합니다.

디자인 고려 사항

모든 사이트에서 SEO를 최대한 활용하는 가장 좋은 방법은 디자인 프로세스에서 SEO를 생각하는 것입니다. 그리고 그것은 간단한 대화와 행동 계획으로 시작됩니다. 다음은 처음부터 사이트를 개선하는 데 도움이되는 디자이너가 SEO에 참여할 수있는 5 가지 주요 방법입니다.

1. 내용과 텍스트

프로젝트의 목적과 목표를 결정한 후 사이트의 컨텐츠를 설명하는 데 사용할 몇 가지 키워드를 설명하십시오. 예를 들어 Design Shack은 "design", "tutorial", "web design", "business", "css", "HTML", "typography"및 "layout"과 같은 키워드를 사용합니다.

사이트 전체에서 키워드와 유사한 문구를 자주 그리고 적절한 맥락에서 사용하는 것이 중요합니다. 본문 텍스트, 머리글, 헤드 라인, 메타 데이터 및 링크에 키워드를 사용해야합니다. 키워드 타겟팅은 사이트의 모든 페이지에서 중요하지만 특히 홈페이지에서는 중요합니다. 사이트의 나머지 콘텐츠에 대한 게이트웨이 및 요약 역할을해야합니다.

링크와 관련된 문구를 확인하십시오. 링크를 위해“여기를 클릭하십시오”또는“”라는 단어가 표시되는 빈도는? 이 용어를 피하십시오. 링크에 사용 된 단어는 링크 자체를 설명해야합니다. 링크가 사용자를 어디로 연결하는지 또는 클릭 후 어떤 정보가 나오는지 알려주는 문구를 사용해보십시오.

명심해야 할 것은 키워드의 의도적 인 내용입니다. 키워드를 사용하기 위해 키워드로 사이트를 채우고 콘텐츠와 관련이없는 경우 검색 엔진이 검색 엔진을 잡고 검색 엔진 최적화에 부정적인 영향을 미칩니다. 내용에 정직을 유지하는 것이 중요합니다.

2. 이미지

이미지와 관련하여 사용자가 보는 것과 검색 엔진이 보는 것은 매우 다릅니다. 검색 엔진은 실제 시각 자료가 아닌 단어 만 볼 수 있습니다. 이 때문에 사이트의 모든 이미지와 관련하여 태그를 현명하게 사용하는 것이 중요합니다. 각 영상에는 해당 설명이 포함되어야합니다 (이상적으로 2 개의 키워드가 포함되어 있음). "스크린 샷"또는 "이미지"라는 태그는 사용하지 마십시오. 설명이 가장 좋은 이미지는 Google 이미지 검색에서 팝업되는 이미지입니다.

확장 가능한 콘텐츠가있는 영상은 검색 엔진 크롤러에게 더 많은 정보를 제공하는 훌륭한 옵션입니다. 이미지에 대한 전체 설명이 포함 된 이미지의 마우스 오버 상태 또는 여러 이미지 프레임의 확장 가능한 div를 추가하십시오. 이는 사이트의 모든 이미지, 로고 및 시각적 클릭 유도 문안에 중요합니다.

또 다른 중요한 정보 덩어리? 가능하면 웹 폰트, HTML 및 CSS를 사용하여 배너 및 기타 그래픽을 디자인하십시오. (그렇지 않은 경우에는 이러한 항목을 완전한 설명이 포함 된 이미지처럼 취급하십시오.) 표준 HTML을 사용하여 본문 유형, H1 및 굵게 표시 등의 마크 업이있는 조각을 작성하면 검색 엔진이 더 잘 읽을 수 있습니다.

이미지는 웹 사이트의 미디어로 저장되고로드되기 전에 웹에 최적화되어야합니다. 너무 큰 크기로 저장된 이미지는로드 할 때 지연되어 페이지 로딩 속도를 저하시킵니다. 웹 사이트 지연 또는 이미지로드 속도가 느리면 사용자가 클릭하지 않고 다시 나타나지 않을 수 있습니다. 72dpi의 해상도로 이미지를 저장하고 30에서 100 킬로바이트 사이의 파일 크기를 목표로합니다.

3. HTML과 코드

페이지 제목은 사이트를 분류하는 데 도움을주는 것 이상의 의미를 갖습니다. 또한 사용자와 검색 엔진을 도와줍니다. 각 페이지에는 페이지 내용에 대한 설명이 포함 된 제목이 포함되어야합니다. 귀여움 제목을 피하십시오. 직접적이고 정보를 제공해야하며 키워드를 포함해야합니다.

이 제목에서 가장 중요한 것은 제목이 검색 결과에 표시되어 사용자가 페이지를 클릭 할 이유가 있다는 것입니다. 제목도 비교적 짧게 유지하십시오. 55 ~ 65자를 생각하십시오.

그런 다음 페이지 제목 및 탐색 링크를 일치 시키십시오 : 페이지 "href ="link ". 동일한 속성을 사용하면 페이지에 SEO가 향상됩니다.

또한“images”또는“photos”와 같은 이름으로 폴더에 미디어를 그룹화하여 명확하고 설명적인 URL 인 / images / xxxx를 생성합니다.

처음부터 끝까지 디자인의 일부로 코드를 생각하십시오. 읽을 수있는 HTML은 크롤링 가능한 HTML이기도합니다. 코드는 웹 사이트의 내용과 일치하는 방식으로 구성되어야합니다. 탐색 및 메뉴, H1 태그 및 본문으로 시작하십시오. 태그는 의도 한대로 가능하면 STRONG (굵게), UL (목록), P (단락) 및 H (머리글 또는 하위 머리글) 순서대로 사용하십시오.

파일 이름을 지정하는 방식도 중요 할 수 있습니다. 업로드 된 항목 및 저장된 파일의 파일 이름에 관련 정보를 포함하십시오. 이것은 문서, 미디어 및 HTML에 적용됩니다. SEO는 파일 이름을 단어로 크롤링하고 공백이나 밑줄이 아닌 하이픈을 사용하여 단어를 단어로 변경합니다. 크롤링은 정보를 올바르게 읽습니다.

마지막으로 의미가있는 URL을 작성하십시오. 각 URL에는 페이지의 내용이 명확하게 표시되어야합니다. 숫자 나 문자를 임의로 생성하는 URL은 피하십시오. 예를 들어이 페이지의 URL은 https://designshack.net/5684-가 아니라 https://designshack.net/articles/do-i-ne-to-design-with-seo-in-mind/입니다. 2354. URL은 페이지의 내용과 일치하고 키워드를 포함하며 사용자가 다른 장소 (소셜 미디어에서)에서 볼 때 페이지의 내용이 무엇인지 알기 때문에 SEO에 도움이됩니다.

4. 사이트 맵

사이트 맵을 작성하여 구축 한 모든 웹 사이트에 게시하십시오. 사이트 맵은 웹 사이트의 구조를 설명하는 xml 파일입니다.

하나를 만들어 Google에 제출했는지 확인하십시오. 또한 사이트에서 물건을 찾기 위해 고군분투하는 사용자도 좋아합니다.

5. 연결 및 소셜 미디어

SEO 측면에서 가장 중요한 요소 중 일부는 기술적으로도 사이트의 일부가 아닙니다. 페이지 및 소셜 미디어에서 링크하고 다른 사이트에서 링크하는 것은 가시성을 결정하는 데 적극적인 역할을합니다.

귀하의 사이트에서 링크를 단어로 표현하는 방법에주의를 기울여야 할뿐만 아니라 클릭 지시 사항뿐만 아니라 링크하는 사용자를 설명하는 단어를 사용하여 링크가 작동하고 링크가 귀하의 콘텐츠와 관련이있는 링크를 사용해야합니다. 링크는 컨텐츠 가치가 있어야하며 가장 가치있는 전체 메시지와 관련이 있습니다. 관련없는 항목에 연결하면 콘텐츠가 실제로 무엇 이냐에 따라 크롤링이 혼란스러워 져 전체 SEO가 손상 될 수 있습니다. 끊어진 링크를 찾으면 수정하거나 제거하십시오. 검색 엔진에 의해 색인이 생성되는 것을 원하지 않습니다.

무엇을 연결하고 누구에게 연결되는지, 링크가 작동하는지, 링크가 콘텐츠와 관련이 있는지에주의를 기울여야합니다.

소셜 미디어를 포함한 다른 웹 사이트에서 귀하의 사이트로 연결되는 링크는 품질과 신뢰성이 있어야합니다. 또한 사이트의 관련 키워드에 연결해야합니다. 이것은 제어하기 어려울 수 있지만 몇 가지 방법으로 할 수 있습니다. 즉, 링크를 구매하지 마십시오. 그들은 실제 가치를 제공하지 않을 것입니다. 사이트의 내부를 다른 페이지에 연결하고 여러 개의 관련 사이트가있는 경우 서로 연결하십시오. 소셜 미디어 링크의 진정한 가치는 끊임없이 논란의 여지가 있지만 부스트를 제공하며 일부 SEO 분석가들은 검색 엔진과의 연결로 인해 Google+를 사용하면 더 많은 도움이된다고 말합니다.