We have a design where there's no suitable place to put the title on the main page. The main task is to position H1 on the main page.

How can this be resolved?

<X1 class="logo_ru">"megarule name" - Megarule services</X1>

and

.logo_ru,.logo_en{
 background:url(/images/logo_ru.png) no-repeat 0 25px;
 text-indent: -9000px;
}

In the image, the logo is accompanied by the name within quotation marks (without the text after the dash).

The outcome is a person claiming that this is a trickery of the system and demanding its removal.

Now the question is, who is right and who should be held responsible?

In reality, this is not an attempt to deceive search engines.

P.S. X1 = H1, its placement inside the code has no impact.

In this scenario, there are a few possible ways to resolve the issue.

1. Find a suitable place for the title on the main page: Examine the design and layout of the main page to see if there are any alternative locations where the H1 tag can be placed without conflicting with other elements. Consider adjusting the spacing or rearranging the elements to make room for the title.

2. Reconsider the design: If finding a suitable place for the title seems impossible, it may be necessary to reconsider the overall design. Look for ways to simplify or modify the design so that it can accommodate the title without causing conflicts or confusion.

3. Consider a different design approach: Explore alternative design patterns that can effectively showcase the title without causing conflicts. This could involve reimagining the layout or using different visual elements to highlight the title. Collaborate with a designer or UI/UX expert to brainstorm creative solutions that meet both the design and functional requirements.

4. Use other HTML elements: If placing the H1 tag is not possible within the current design constraints, you can consider using other HTML elements, like a header (e.g., H2 or H3) or a section heading, to provide a prominent title or heading for the main page. While it may not have the same SEO impact as an H1 tag, it can still convey the main page's purpose to users effectively.

5. Use a floating or overlay title: If there is limited space on the main page, you can explore the possibility of using a floating or overlay title. This allows the title to appear on top of other elements without disrupting the overall layout. However, make sure it is implemented in a way that is visually appealing and does not obscure important content.

6. Utilize a fixed header: If the design allows for it, you can consider implementing a fixed header that stays visible even as the user scrolls down the page. This fixed header can include the title and other important navigation elements, ensuring that the title remains visible at all times.

7. Incorporate the title in a hero section: If appropriate for your design, consider adding a hero section at the top of the main page. This can provide a visually appealing and prominent area to showcase the title along with relevant imagery or a brief description, allowing it to stand out without interfering with other page elements.

Remember that the responsibility for finding a suitable solution lies with the design team. It's crucial to communicate openly with all stakeholders involved and take their feedback into account when making decisions. The goal should be to find a resolution that balances both the design constraints and the need for clear and accessible content.

There can be no sanctions if the text in the code and the text in the graph are the same and readable. It is interesting to note that some "seoshniks" are often amazed when they come across a well-designed layout for the first time.

In the case where the text is present in the code but not visible to the user (only robots can see it), this is considered search spam, as is evident in your situation. However, the opposite scenario, where there is text in the graph that is not present in the code, is possible.

(Search spam refers to techniques used to manipulate search engine rankings, often by inserting hidden or irrelevant text in web pages.)

When creating web pages, I have a habit of including the name of the site and a brief description in the h1 tag. For instance, it could be something like "High-quality Furniture. The best furniture in town." To make it more user-friendly, I usually hide this text under the logo. This practice has never resulted in any penalties or restrictions being imposed.

During my training in web design, which was conducted by an experienced person with SEO expertise, the rationale behind this approach was explained to me. The idea is that if for some reason the images fail to load, users should still be able to understand their location on the page by reading the text. In other words, this technique prioritizes usability. Therefore, I don't see any valid grounds for penalties unless one fills the h1 tag with excessive text or includes content that does not align with the overall theme of the page.

Nevertheless, I have my own method of concealing the text in a slightly different manner.

I was curious about this too. Google's quality guidelines for hidden text and links seem to indicate that Google considers this deceptive (see the third bullet point). I think the best practice might be to use an image tag in your h1 tag and use the alt attribute for your text.