첫째, 이미지를 도용하지 말고 독창적인 이미지를 만드세요.
자신의 사진을 만들려고 노력하세요, 무료 사진 자료가 많이 있으며, 우리는 접합하여 필요한 사진을 만들 수 있습니다.
일반적으로 작업할 때는 먼저 자신의 웹사이트와 관련된 사진을 저장하고 로컬에서 카테고리에 표시할 수 있습니다. 웹사이트에 사진이 필요할 때 관련 사진을 보고 직접 사진을 만들면 됩니다. 이것은 장기적인 축적 과정이며 시간이 지남에 따라 자신의 자료가 점점 더 커질 것입니다. 그림에 숙련 된 사람은 편안 할 것입니다.
SEO 최적화 : 사이트 운영자의 경험을 생각하면서 모바일 사이트 이미지를 크롤링하는 방법 (2)
사진 저작권
여기에서 많은 이미지가 현재 저작권이 있으므로 저작권이있는 이미지를 전혀 사용하지 않으면 침해뿐만 아니라 사이트의 검색 엔진의 신뢰 가치도 떨어질 수 있다는 사실에 특별한주의를 기울여야합니다.
둘째, 웹사이트 사진 저장 경로
많은 웹마스터가 이 문제에 주의를 기울이지 않습니다. 사진이 웹 사이트로 전송되면 디렉토리에 저장하거나 웹 사이트 섹션에 따라 해당 사진 디렉토리를 만드십시오. 업로드할 때 경로는 거미가 크롤링하기 쉽도록 비교적 고정되어 있어야 합니다. 거미가 이 디렉토리를 방문하면 이미지가 이 디렉토리에 저장되어 있다는 것을 '인지'하게 됩니다.
시간, 섹션 이름, 사이트 이름 등 규칙적이거나 의미 있는 방식으로 이미지 파일 이름을 지정하는 것이 좋습니다. 예를 들어 다음과 같은 SEO 최적화 이미지의 이름은 "SEOYH2018-6-23-36"으로 지정할 수 있는데, 여기서 "SEOYH"는 SEO-optimised의 약자이고 시간은 중간에, 이미지 ID는 마지막에 위치합니다.
왜 이렇게 해야 하나요? 왜 이렇게 하나요? 사실 이것은 검색 엔진 거미가 크롤링하는 습관을 길러 향후 사이트의 이미지 콘텐츠를 더 빨리 식별할 수 있도록 하기 위한 것입니다. 거미가 원활하게 잡을 수 있도록 하면 사이트가 포함될 가능성이 높아집니다. 왜 안 될까요?
셋째, 사진은 관련 텍스트로 둘러싸야 합니다.
이 글은 웹사이트 이미지가 사용자에게 직접 정보를 제공하는 방법이라는 말로 시작합니다. 검색 엔진은 웹사이트 콘텐츠를 크롤링할 때 이 문서에 이미지, 동영상 또는 표가 있는지 여부도 감지합니다. 이들은 기사의 점수를 높일 수있는 요소이며 다른 양식은 당분간 나열되지 않습니다. 여기에는 사진 주변의 관련 단어만 소개되어 있습니다.
SEO 최적화: 웹사이트 운영자의 경험을 생각하며 모바일 웹사이트용 이미지를 캡처하는 방법 (III)
이 이미지는 주제에 적합합니다.
우선 이미지 주변의 텍스트가 이미지 자체의 콘텐츠와 일관성이 있어야 합니다. 웹사이트 최적화에 관한 글이고 그 안에 있는 이미지가 레시피 사진이라고 가정해 봅시다. 너무 어색하지 않나요? 사용자의 접근성은 극도로 떨어질 것입니다. 관련 알고리즘을 통해 이 사진을 식별하는 검색 엔진도 그래픽이 일치하지 않는다고 느끼고 낮은 평가를 내릴 것입니다.
따라서 각 기사에는 해당 사진이 하나 이상 첨부되어야 하며, 해당 사진은 웹사이트 제목과 관련된 콘텐츠로 둘러싸여 있어야 합니다. 이는 검색 엔진이 이미지를 이해하는 데 도움이 될 뿐만 아니라 기사의 가독성, 사용자 친화적인 경험 및 관련성을 높여줍니다.
넷째, 이미지에 alt 및 제목 태그를 추가합니다.
많은 웹마스터가 웹사이트 이미지를 추가할 때 이러한 세부 사항에 주의를 기울이지 않을 수 있으며, 일부는 번거롭다고 생각할 수 있습니다. 이런 생각을 하지 않으시면 큰 실수가 될 것입니다.
검색 엔진이 웹사이트 이미지를 크롤링할 때 가장 먼저 파악하는 것은 atl 태그이며, 이미지의 콘텐츠를 식별하는 가장 중요한 핵심 요소 중 하나이기도 합니다. 이미지의 alt 속성은 검색 엔진에 해당 이미지가 어떤 종류의 웹사이트 이미지인지, 이 이미지가 무엇을 의미하는지 직접적으로 알려주는 방법입니다.
제목 태그는 사용자가 이 이미지를 가리킬 때 표시되는 콘텐츠로, 사용자 경험을 높이고 웹사이트의 키워드를 늘리기 위한 트릭입니다.
SEO 최적화: 모바일 웹사이트 이미지를 캡처하고 웹사이트 운영자의 경험을 생각하는 방법 (IV)
알트 및 제목 태그
난독증이 있는 방문자에게 편의를 제공하는 이 두 가지 속성도 있습니다. 예를 들어 시각장애인이 웹사이트를 방문했는데 화면의 내용을 볼 수 없는 경우 화면 읽기 소프트웨어로 읽을 수 있습니다. 대체 속성이 있는 경우 소프트웨어는 대체 속성에서 직접 텍스트를 읽어서 쉽게 액세스할 수 있습니다.
Verb(동사의 줄임말) 이미지의 크기와 해상도
이미지는 다소 비슷해 보일 수 있지만 큰 차이가 있습니다. 같은 크기의 이미지라도 해상도가 더 높으면 사이트의 최종 크기가 더 커집니다. 이 점을 알아내야 합니다.
웹사이트의 이미지는 항상 콘텐츠를 극대화하기 위해 작은 이미지를 사용해야 한다고 주장해 왔습니다. 그 이유는 무엇일까요? 작은 이미지는 더 빨리 로드되고 방문자가 너무 오래 기다리지 않으며, 특히 모바일 인터넷 속도와 트래픽의 제한으로 인해 즉시 열 수 있는 페이지에 액세스하는 것을 선호하는 휴대폰에서 액세스할 때 더 효과적이기 때문입니다.
여기서는 왜곡 없이 가능한 한 작은 크기를 유지하면서 균형을 맞추려고 노력합니다. 이제 인터넷에는 많은 사진 슬리밍 도구가 있으며 웹 마스터는 사이트 이미지를 적절하게 압축하여 한편으로는 서버 대역폭에 대한 압력을 줄이고 다른 한편으로는 사용자에게 원활한 경험을 제공 할 수 있습니다.
여섯째, 휴대폰 단말기 자동 적응
많은 웹 마스터가 컴퓨터 디스플레이 사진에 대한 사이트 액세스는 정상이지만 휴대폰에서는 정렬이 잘못되어 나타나는 등 많은 웹 마스터가 발생했습니다. 이것은 정렬이 잘못되어 불완전한 디스플레이로 인해 단말기의 크기가 다른 큰 크기의 그림입니다.
SEO 최적화 : 모바일 사이트 이미지를 캡처하는 방법, 웹 사이트 운영자의 경험에 대해 생각하는 방법 (5)
사진 적응 형 휴대폰 단말기
사실,이 문제는 매우 좋은 해결책입니다. 이미지를 추가할 때는 너비와 높이에 절대 크기를 사용하지 말고 백분율을 사용하는 것이 가장 좋습니다. 특히 CSS 코드에는 픽셀 너비:너비:xxxpx를 지정할 수 없고 백분율 너비:너비:xx %; 또는 줄에 너비:자동만 지정할 수 있습니다.
이 또한 Baidu의 모바일 스파이더가 크롤링할 때 좋은 경험을 제공하기 위한 것이며, 이는 Baidu의 모바일 랜딩 페이지 경험과 일치합니다.