Webデザイナーとして、マウスが画像の上にあるときにのみテキストが表示されるデザインは、SEOの観点から影響を受けるのだろうかと思います。 (マウスのないデバイスを除き、ほぼすべてのテキストになります)
例: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_image_overlay_fade
しかし、適切な見出しと段落があります。
私は技術的な面でそれを達成する多くの方法を考えていますが、SEOへの影響については見当がつきません。
検索エンジンは、デザインの表面的な側面ではなく、ページのソースを直接参照します*。クローラーを妨げるスクリプティングではなく、オーバーレイとトランジションにCSSを使用している場合、まったく問題ありません。
Alt(背景画像を使用していない場合)、Titleなどの正しいHTML属性を提供し、テキストがコードに対して十分な比率であることを確認してください。また、サイトは画像が重いため、画像を最適化し、両方でページの読み込みに注意してください。
特にモバイル/レスポンシブビューポートで。