поисковик очень хорошо различает концепции меню и текста)

уже довольно много лет как

и поисковик понимает, что такое выплывающее меню (где часть контента скрыта и показывается только по наведении мышкой), и что это необходимая вещь для сайтов с крупной структурой

но тут важный нюанс - меню конечно должно действительно показываться

за меню которое невозможно увидеть человеку в принципе - санкции могут прилететь тоже, потенциально (опять же - никаких 100% нет)

а уж SEO-тексты, которые сеошники пишут с незапамятных времен (были периоды когда писали SEO-тексты по 20-25 тысяч знаков, были периоды когда эти 20-25 тысяч знаков сеошники делали невидимыми, были периоды когда эти 20-25 тысяч знаков сеошники вставляли в маленькое прокручивающееся окошко 100 на 100 пикселей - мол "а что - увидеть же можно весь текст, ну и что что минут 10 его только листать будешь"...) - давно и плотно изучены поисковиками, и за попытки скрытия их есть много вариантов тех или иных санкций (снова без 100%....  SEO в каком-то смысле аналогично квантовой механике и оперирует вероятностями)

```
User-agent: *
Disallow: /crm
Disallow: /int
Disallow: /auth
Disallow: /tradein
Disallow: /api
Disallow: /cart/
Disallow: /sale/s
Disallow: /sale/galaxy
Disallow: /sale/iphone
Disallow: /catalog?page=
Allow: /product/*?
Sitemap: https://smartprice.ru/sitemap.xml

Clean-param: utm
Clean-param: cm_id
Clean-param: sub1
Clean-param: newsite
```

> а, кстати, уберите заодно директиву host
>
> она ни на что не влияет, просто уже перестала быть актуальна пару лет назад, ее не учитывают

#seo2022 #smartprice robots.txt | аргументация: #черныйЯщик

https://www.youtube.com/watch?v=Y1SekvuZ3M4

```jsx
function useOutsideClick(elmRef, handler, isAttached = true) {
  // NOTE: Special tool for additional memoization
  const latestHandler = useLatest(handler)
  useEffect(() => {
    if (isAttached) return
    const handleClick = () => {
      if (!elmRef.current) return;
      if (!elmRef.current.contains(e.target)) {
        latestHandler.current()
      }
    }
    document.addEventListener('click', handleClick)
    return () => {
      document.removeEventListener('click', handleClick)
    }
  }, [elmRef, latestHandler, isAttached])
}

// USAGE:
const tooltipRef = useRef(null)
useOutsideClick(tooltipRef, onClose, isOpened)

<div ref={tooltipRef}>Tooltip tst</div>
```

`~/common/hooks/useLatest`
```js
import { useRef, useLayoutEffect } from 'react'

export const useLatest = (value: string) => {
  const valueRef = useRef<string>(value)

  useLayoutEffect(() => {
    valueRef.current = value
  }, [value])

  return valueRef
}
```

seo

#seo2022 #smartprice robots.txt | аргументация: #черныйЯщик

#reactHook | useOutsideClick #useLatest