Diskuze: Správna štruktúra dát

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity

Tomaš Peško

Člen

Tomaš Peško:10.12.2021 13:10

Dobrý deń, robím bratrancovi stránku nie som moc skúsený, ale chcem sa len opýtať či mám správnu štruktúru dát.

<body>

        <header>

            <nav>

            </nav>

        </header>

        <main class="container servise">

            <div class="row">

                <div class="col-lg-12 text-center title">
                    <h1>Naše služby</h1>
                    <p>Poskytujeme služby na profesionálnej úrovni. Naše odborné znalosti sú vám plne k dispozícii.</p>
                </div>

                <section class="col-md-3 text-center">
                    <a href="nase-sluzby/zahrada-na-kluc">
                        <picture>
                            <source srcset="images/servise/zahrada-na-kluc.webp" type="image/webp">
                            <img src="images/servise/zahrada-na-kluc.png" alt="Zahráda na kľúč" class="img-fluid w-50 mx-auto">
                        </picture>
                    </a>

                    <a href="nase-sluzby/zahrada-na-kluc">
                        <h2>Záhrada na kľúč</h2>
                        <p class="text-justify">Máte záujem o novú záhradu prípadne revitalizáciu tej starej? Vašu vytúženú predstavu záhrady zmeníme na realitu.</p>
                    </a>
                </section>

                <section class="col-md-3">
                    <a href="nase-sluzby/zahrada-na-kluc">
                        <picture>
                            <source srcset="images/servise/zahrada-na-kluc.webp" type="image/webp">
                            <img src="images/servise/zahrada-na-kluc.png" alt="Zahráda na kľúč" class="img-fluid w-50 mx-auto">
                        </picture>
                    </a>

                    <a href="nase-sluzby/zahrada-na-kluc">
                        <h2>Záhrada na kľúč</h2>
                        <p>Máte záujem o novú záhradu prípadne revitalizáciu tej starej? Vašu vytúženú predstavu záhrady zmeníme na realitu.</p>
                    </a>
                </section>

                <section class="col-md-3">
                    <a href="nase-sluzby/zahrada-na-kluc">
                        <picture>
                            <source srcset="images/servise/zahrada-na-kluc.webp" type="image/webp">
                            <img src="images/servise/zahrada-na-kluc.png" alt="Zahráda na kľúč" class="card-img-top img-fluif w-50 mx-auto">
                        </picture>
                    </a>

                    <a href="nase-sluzby/zahrada-na-kluc">
                        <h2>Záhrada na kľúč</h2>
                        <p>Máte záujem o novú záhradu prípadne revitalizáciu tej starej? Vašu vytúženú predstavu záhrady zmeníme na realitu.</p>
                    </a>
                </section>

                <section class="col-md-3">
                    <a href="nase-sluzby/zahrada-na-kluc">
                        <picture>
                            <source srcset="images/servise/zahrada-na-kluc.webp" type="image/webp">
                            <img src="images/servise/zahrada-na-kluc.png" alt="Zahráda na kľúč" class="card-img-top img-fluif w-50 mx-auto">
                        </picture>
                    </a>

                    <a href="nase-sluzby/zahrada-na-kluc">
                        <h2>Záhrada na kľúč</h2>
                        <p>Máte záujem o novú záhradu prípadne revitalizáciu tej starej? Vašu vytúženú predstavu záhrady zmeníme na realitu.</p>
                    </a>
                </section>

            </div>

        </main>



        <footer>

            <div class="container">

                <div class="row">

                    <div class="col-lg-6">
                        <p class="title">Octopia</p>
                        <p class="text">
                            Pre nás je prvoradá kvalitne odvedená práca, ktorá vedie k obojstrannej spokojnosti.
                            Sme si vedomí toho, čo sa od nás očakáva, preto sme pripravení splniť každé zadanie
                            čo najkvalitnejšie a v čo najkratšom čase.
                        </p>
                    </div>

                    <div class="col-lg-3">
                        <p class="title">Menu</p>
                    </div>

                    <div class="col-lg-3">
                        <p class="title">Dôležité odkazy</p>
                    </div>
                </div>

            </div>

        </footer>


        <div class="container-fluid footer-rights">
            <div class="row">
                <div class="col-lg-12 text-center ">
                    © 2021 Všetky práva vyhradené.
                </div>
            </div>
        </div>

    </body>

Chci docílit: Chcel by som mať spravnú štrukturu dáť kvôli google robotom na SEO. Ďakujem

Odpovědět

10.12.2021 13:10

Peter Mlich

Člen

Peter Mlich:10.12.2021 17:56

Struktura zavisi od dat. Pokud tam zadna nemas nebo fake, tak se neda posoudit, jak stranku vidi jine osoby. Jestli najdou, co potrebuji nebo ne.
Kdyz vejdes na cizi stranku, co te zajima?

chces vedet, co je to za stranku. Co prezentuje? Lubos Novak, zahradnicke centrum Praha
kde vas najdu? praha
jak vas kontaktuji?
co nabizite?
ukazky zbozi, prace
jakym zpusobem lze sluzby, zbozi koupit? Nakupni kosik nebo objednavka pro mail

Musis uvazovat tak, ze jsi jakoby pani ucitelka ze skoly s inteligenci tvoji sestry. Nevi o strankach nic a potrebuje se tam zorientovat.Podstatne je, abys doddrzel jakesi obecne zasady tvorby dokumentu

Jak vypada html kod je vicemene jedno. Udelej si to tak, aby se to dobre zobrazilo. Pres css si vzhled muzes zmenit. Ale, jestli chces tohle okomentovat, tak

blbe vypada dlouhy podtrzeny text
do inline prvku se nedavaji blokove (A inline, H2 a P je blokovy https://www.jakpsatweb.cz/html/text.html https://www.jakpsatweb.cz/html/bloky.html https://www.jakpsatweb.cz/…ukturni.html)
doprostred textu se nedavaji odkazy ani se neztucnuje nekurzivuje... (tohle radi lide porusuji)
odkazy se delaji tak 2-3 slova max, nepouziva se ZDE protoze 10x zde na strance precte cteni textu hlasem jako zde a podle toho nevidici vi prd, kam odkaz povede. Mezi odkazy se da prepinat tabelatorem (das tab a precte zde, das dalsi tab a zas precte zde a pritom odkaz vede jinam, rikam, uplne naprd...).
co je hrozne dobre, kdyz je v paticce kontakt. Bud text, adresa, mail telefon nebo lepe link na stranku kontakt
treba mne pripada hrozne neprivetive, kdyz je na strance vse nezarovnane, jiny margin, padding.

... no, a tech zasad je asi 1000. Ma smysl se bavit az nad konkretni strankou. Mrkni na tema Kritika stranek, ceho si lide vsimaji

Nahoru Odpovědět

10.12.2021 17:56

Naučíme tě pracovat na home-office.

Zjistit více...

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 2 zpráv z 2.