img alt seo

src/components/aside/AsideNews.tsx

@@ -22,7 +22,7 @@ const AsideNews = ({ title, date, img, category, link }: Props) => {
         <div className="aside-news-image">
           <LazyLoadImage
             src={img}
-            alt="image"
+            alt={img}
             useIntersectionObserver
             effect="blur"
           />

src/components/main/ContentItem.tsx

@@ -14,7 +14,7 @@ const ContentItem = ({ type = "small", img, title, id }: IProps) => {
     <div className={`main-content-item main-content-item__${type}`}>
       <LazyLoadImage
         src={img}
-        alt=""
+        alt={img}
         effect="blur"
         useIntersectionObserver
         style={{ background: `url(${img})` }}

src/components/news/News.tsx

@@ -24,7 +24,7 @@ const News = ({ id, title, text, categories, date, img }: Props) => {
         <div className="news-image">
           <LazyLoadImage
             src={img}
-            alt="image"
+            alt={img}
             useIntersectionObserver
             effect="blur"
           />

src/components/news/NewsArticleImg.tsx

@@ -8,7 +8,12 @@ interface IProps {
 const NewsArticleImg = ({ img }: IProps) => {
   return (
     <div className={"news-article-image"}>
-      <LazyLoadImage src={img} alt="" effect="blur" useIntersectionObserver />
+      <LazyLoadImage
+        src={img}
+        alt={img}
+        effect="blur"
+        useIntersectionObserver
+      />
     </div>
   );
 };