1. Přímo v prohlížeči.
2. Stáhnout jej na disk a otevřít pomocí aplikace.

1)  Zobrazte si XML v prohlížeči

Tento způsob je vhodný pro menší XML soubory. Ideálně max. do tisíce produktů, aby Vám „nezamrzl“ prohlížeč.

1. Zkopírujte URL adresu XML souboru a vložte jej do URL adresního řádku prohlížeče.
2. Následně pomocí klávesové zkratky CTRL+F (CMD+F na MACu) vyhledejte text, který potřebujete.

2) Stáhněte XML na svůj disk

1. Klikněte na URL odkazu pravým tlačítkem myši.
2. Z nabídky vyberte „Uložit jako“ a soubor uložte na svůj disk.
3. K otevření souboru můžete použít základní Poznámkový blog (je součástí Windows) nebo např. PS PAD Editor. Tyto aplikace mají tu výhodu, že kód přehledně naformátují. Požadovaný text opět vyhledáte přes zkratku CTRL+F (CMD+F na MACu). Pokud máte MAC, využijte např.  Text Edit (obdoba Poznámkového bloku), aplikaci Espresso, Visual XML nebo Brackets.

Příspěvek Jak otevřít XML soubor a hledat v něm pochází z WebPrezent.cz

Kontrola obsahu

• Zkontrolovat obsah
• Zkontrolovat hiearchii H1, H2, atd.
• Zkontrolovat strukturovanost obsahu (nadpisy, odstavce, odrážky).
• Zkontrolovat velikost obrázků.
• Zkontrolovat ALT – alternativní popisek – u obrázků.
• Zkontrolovat kotvy – odkazy na úvodu v rámci článku (pluginy, nebo ručně) > rozšiřuje snippet výsledku.
• Zkontrolovat interní odkazy na provázané články.
• Zkontrolovat externí odkazy na odkazované zdroje.
• Zkontrolovat jestli má článek CTA (Call to Action – Výzvu k akci).
• Pokud je článek důležitý a kvalitní, pustit na homepage.

Kontrola Meta tagů a dalších technických informací

• Zkontrolovat Title.
• Zkontrolovat Meta Description.
• Zkontrolovat SEO friendly URL.
• Zkontrolovat kanonickou URL.
• Zkontrolovat NoIndex.
• Zkontrolovat NoFollow.

Kontrola Sdílení

• Zkontrolovat sdílení na Facebook (titulek, popisek, správná velikost obrázku)
• Zkontrolovat sdílení na Twitter (titulek, popisek, správná velikost obrázku)

Kontrola nastavení článku (ve WordPressu)

• Zkontrolovat podpis.
• Zkontrolovat zařazení do článků (správné kategorie).
• Zkontrolovat puštěné komentáře (pokud jsou žádoucí).
• Zkontrolovat štítky.
• Zkontrolovat doporučení v SEO pluginu (ideálně např. Yoast SEO).

Indexace

• ručně přidat do stránku Seznamu.

Šíření a publikace příspěvku

• viz Checklist na progaci obsahu od Freelo.

Příspěvek Checklist pro tvorbu článku pochází z WebPrezent.cz

• Proč používat kotvy
• Jak vytvořit kotvy:
  • Přes HTML kód
  • Přes administraci WordPress (WYSIWYG editor)

Proč používat kotvy

• Kotvy slouží jako osnova. Především u delšího článku. Uživatel hned vidí obsah a nemusí nic dohledávat. Ani u kratších textů ale není k zahození, např. při zobrazení na mobilu.
• Úspěšnější reklama v PPC. Specialista získá relevantnější a kvalitnější vstupní stránku.
• Kotvy se mohou propsat i do SERPu vyhledávačů. Zvýšíte tak návštěvnost webu a budete více vidět než konkurence.

Jak vytvořit kotvy

Kotvu můžete vytvořit buď před administraci nebo formou HTML kódu. Vždy se skládá z cíle a odkazu na tento cíl.

Tvorba Kotvy přes HTML kód

1. Přepněte se v Editoru do HTML módu.
2. Najděte si v kódu potřebný obsah, který bude sloužit jako cíl (nadpis H2, H3 apod.).
3. Cíl zadejte jako atribut id s názvem kotvy. Např. <h2 id=“TvorbaKotvy“>Jak vytvořit kotvy</h2>
4. Do odkazu přidejte hash a název kotvy nazev-kotvy: <li><a href=“#TvorbaKotvy“>Jak vytvořit kotvy:</a></li>

Tvorba kotvy přes administraci WordPress (WYSIWYG editor)

Někde se můžete setkat s názvem Kotva, jinde Záložka. Ikonka bude ale podobná. Najdete ji v menu či v panelu nástrojů.

Označení cíle:

1. Označte text, na který chcete odkazovat z osnovy (nejčastěji se jedná o nadpis v těle článku).
2. Klikněte na ikonku Kotvy a zadejte ID, resp. Kotvu si pojmenujte (bez mezer a bez diakritiky). Toto ID si zkopírujte.

Správný postup poznáte podle toho, že se vám u nadpisu vytvoří ikonka.

Odkaz na cíl:

1.  Poté se vraťte na začátek článku do Osnovy. Označte text, který bude sloužit jako odkaz k danému cíli a udělejte z něho odkaz.
2. Jako URL vložte znak # (pomocí zkratky Alt + 35, nebo na anglické klávesnici Shift + 3) a název Kotvy.

Příspěvek Jak vytvořit kotvy v článku pochází z WebPrezent.cz

1. Přejděte do Google Analytics.

2. V levém dolním rohu klikněte na Správce. Tím se dostanete do nastavení účtu.

3. Zvolte možnost Správa přístupu k účtu.

4. Přes tlačítko PLUS v pravém horním rohu přidejte nového uživatele.

5. Zadejte potřebný e-mail a zvolte roli (nejčastěji Editor, případně Administrátor pro nejvyšší práva).

Původní GA (Universal Analytics) 30.6.2023 končí. Nová GA4 je třeba mít nastavené už teď, abyste příští rok měli meziroční srovnání.

Potřebujete s nastavením GA4 pomoci a měřit obchodní data i příští rok? Obraťte se na nás.

Příspěvek Google Analytics – Nasdílení účtu pochází z WebPrezent.cz

Zde zjistíte, jak pozvat člověka, který lajknul příspěvěk, aby se stal fanouškem Facebook stránky.

1. Klikněte na seznam lidí, kteří na daný příspěvek reagovali.

2. Vyzvěte člověka, který ještě není fanouškem, aby dal vaší stránce To se mi líbí. Klikněte na Pozvat.

A to je vše. Oslovenému člověku právě přišla od vás notifikace, aby se stal fanouškem.

Navýšení počtu fanoušků Facebook stránky

Jeden z typů reklamy na Facebooku je akviziční kampaň na nábor fanoušků. Jejím cílem je nabrat dostatečné publikum pro Vaší FB stránku.

Protože čím dříve naberete fanoušky, tím spíše začne mít smysl vytvářet obsah vaší stránky.

Chcete mít více fanoušků, větší zásah příspěvků a levnější reklamu? Navštivte stránku Akvizice fanoušků na Facebooku.

Příspěvek Facebook – Pozvánka k lajknutí stránky pochází z WebPrezent.cz

• Přehled podúkolů,

Subtasky se využívají se v těchto případech:

• Checklist (ošetření, aby se na nic nezapomnělo).
• Projektové řízení – úkol má na zodpovědnost 1 člověk, ale dílčí části vykonávají rozdílní lidé v rámci přiřazených termínů. Např. klient dodá podklady, grafik připraví bannery, specialista zpropaguje a projekťák převezme.

Přehled podúkolů

Každý úkol může mít libovolný počet podúkolů, které mohou řešit různí lidé.

Výpis podúkolů

Ke každému subtasku je možné přiřadit člověka, termín dokončení.

Detail podúkolu

Zároveň je možné každý podúkol rozkliknout a vést nad ním diskuzi.

Úkol je možné rozkliknout:

1. Proklikem na šipku po najetí kurzorem myši na podúkol.
2. Nebo proklikem na bublinu s počtem komentářů u podúkolu (pokud je již nad podúkolem diskuze).

Takto pak může vypadat detail podúkolu

A je to. Nyní již víte, jak s podúkoly ve Freelo pracovat.

Příspěvek Freelo – Práce s podúkoly pochází z WebPrezent.cz

• Jednorázová aktualizace,

Jednorázová aktualizace

Jenorázovou aktualizaci využijte v případě, že potřebujete okamžitě načíst nové položky z XML feedu.

1. Přejděte do Katalogu produktů v Facebook Business Manageru.
2. Klikněte na Katalog, Zdroje dat a následně na svůj Katalog produktů vpravo.

   

3. Klikněte na Nastavení v pravé části obrazovky.

   

4. Zde klikněte na Vyžádat aktualizaci

   

A je to. Nyní máte nové produkty načtené. Můžete je rovnou označit v příspěvku na Facebooku

Příspěvek Facebook – Nastavení Katalogu produktů pochází z WebPrezent.cz

• Stažení a instalace,
• Povolení přístupu specialistovi.
• Připojení ke vzdálenému počítači.

Stažení a instalace

1. Přejděte na Anydesk.com.
2. Klikněte na Download Now a soubor stáhněte k sobě do počítače.

   

3. Nainstalujte.

Povolení přístupu specialistovi

Využití

Chcete, aby specialista ovládal váš počítač a vyřešil problém.

Postup

1. Zjistěte ID vzdáleného počítače.
2. Zadejte jej do pole Remote Desk.
   1. Sdělte specialistovi své ID (nachází se v levém horním rohu – This Desk).

      

   2. Počkejte, až se speciliasta připojí.

   A je to. Nyní má specialista přístup do vašeho PC.

   Připojení ke vzdálenému počítači

   Využití

   Chcete ovládat počítač někoho jiného.

   Postup

   1. Zjistěte ID vzdáleného počítače.
   2. Zadejte jej do pole Remote Desk.

      

   3. Počkejte na schválení přístupu.

   A je to. Nyní jste připojeni ke vzdálenému PC.

Příspěvek AnyDesk – Instalace a připojení pochází z WebPrezent.cz

Dalším formátem, který se dnes hojně používá na internetu je .svg. Jedná se o vektorový formát, který je v jakékoli velikosti stejně kvalitní a ostrý narozdíl od rastrového formátu (např. jpg,), ketrý se po zvětšení „rozkostičkuje“ na pixely.
Popularita formátu SVG je především díky v dnešní době již standardním responzivním šablonám webových stránek. Jedná se hlavně o grafiku a prvky, které mění svou velikost dle rozlišení prohlížeče (bez ztráty kvality). Jsou to např. loga, ikony ale i složitější jakoby malované obrázky. Tento sofistikovaný formát však klasický uživatel zatím úplně nevyužije, proto se mu v tomto článku dále věnovat nebudeme.

JPG (JPEG)

Jedná se o nejčastější obrázkový formát na internetu, který používá ztrátovou kompresy (JPEG) a obrázky ukládá ve fotorealistické kvalitě. Je to výborný formát právě pro úpravu digitálních fotografií, protože dokáže výrazně snížit datový objem při zachování kvality obrazu. Nehodí se však pro obrázky tvořené jasnými velkými plochami, nebo ostrými liniemi (obrázky tvořené uměle), zobrazení textu nebo ikon, protože komprese vytváří v obrazu viditelné a rušivé artefakty. Tento formát neumožňuje průhlednost (alfa kanál).

Ukázka použití obrázku JPG

Obrázek ukazuje vhodné užití formátu JPG (levá část) a nevhodné použití (pravá část). V horní části jsou obrázky bez komprese, ve spodní pak můžete vidět artefakty které jsou patrnější, čím je komprese větší. Se zvyšující se kompresí se snižuje datová velikost. Cílem je vždy co nejméně datově objemný obrázek, který bude ale i koukatelný a nebude ho příliš degradovat komprese. Pro obrázek autobusu zde jasně vyplývá, že bude pro něj lepší zvolit formát PNG-8.

JPG jasná volba při úpravách digitálních fotografií pro web.

PNG (Portable Network Graphics)

Je formát s bezstrátovou kompresí a byl vytvořen jako náhrada za starší formát gif. Jeho velkou výhodou je osmibitová průhlednost (alfa kanál), která zaručuje jemný přechod okraje objektu na obrázku do průhledného pozadí. Tento formát ocení především tvůrci webových stránek, právě kvůli alfa kanálu. Hodí se pro obrázky obsahující jednobarevné oblasti, plynulé přechody a ostré hrany (umělé obrázky). Pro tento formát existují i návrhy pro jednoduché animace podobně jako u GIFu, ale do praxe se zatím neprosadily.

S PNG formátem se můžeme setkat nejčastěji ve dvou formách a to PNG-8 a PNG-24

• PNG-8 (hodně podobný GIF)
  • zvládne 256 barev
  • zvládne alfa kanál (jen s jednobitovou průhledností) – pixel je buď průhledný, nebo není, obrázek tedy má zubaté okraje
• PNG-24
  • dokáže pracovat s cca 17 milióny barev
  • má osmibitovou průhlednost – pixel může mít 8 úrovní průhlednosti, výsledkem je jemný přechod do pozadí

Ukázka průhlednosti PNG

Na obrázku je vidět, že PNG-8 dělá při použití průhlednosti zubaté okraje (úplně stejně se chová i formát GIF). PNG-24 je ale jiné kafe – průhlednost do pozadí je perfektní, vč. přechodu.

PNG jasná volba při vytváření „umělých obrázků“ pro web, nebo nutnosti použít alfa kanál.

GIF (Graphics Interchange Format)

Je také formát s bezstrátovou kompresí, ovšem má jen 256 barev. GIF má také omezené možnosti alfa kanálu (neumožňuje přechod průhlednosti) – dělá tedy zubaté okraje.

Jediná výhoda, ktrerá drží tento formát ještě při životě, je možnost jednoduché animace.

Ukázka jednoduché animace GIF

GIF použijte jen, pokud potřebujete rychle vytvořit krátkou animaci, nebo animovaný banner.

Optimální velikost obrázků pro web

Častým nešvarem na webových stránkách bývají vložené fotografie ve větším rozlišení, než se skutečně zobrazují. Například vložený obrázek přes redakční systém zmenšený jen nastavením šířky na 315px, ale skutečný rozměr je 1200px. Na první pohled rozdíl není vidět, ale poznáte jej při stahovaní dat prohlížečem. Pokud takto vložených obrázků je na stránce víc, výrazně to sníží rychlost načítaní.

Ukázka nesprávně vloženého obrázku s větším rozlišením vlevo. Vpravo správně vložený obrázek ve skutečné velikosti 315px. (Skutečné velikosti obrázků si můžete ověřit kliknutím na obrázek pravým tlačítkem myši a zobrazením vlastností.)

Obrázky by tedy měly mít stejné rozměry v pixelech jak na stránce, tak ve skutečném zobrazení. Rozlišení by mělo být 72 obrazových bodů na palec (to je v podstatě hustota informací). Vyšší rozlišení je užitečné hlavně pro tisk, pro elektronické použití je ideální rozlišení 72 DPI (Dots Per Inch, tedy počet bodů na palec).
Pokud vytváříte i náhledové obrázky (zvětšené náhledy po kliknutí na obrázek), měly by mít rozměry v pixelech ideálně 800×600 a maximálně 1200×800. Pokud by byly náhledy větší, nemusely by se některým uživatelům zobrazit celé. Někteří uživatelé by mohli mít problém zavřít náhledového okno.

Programy pro úpravu a ukládání obrázků

Teď už víte, kdy a jaký formát obrázku použít a v jakém rozlišení je pro web ukládat. Nyní potřebujete grafický program, který umí upravovat a hlavně ukládat JPG, PNG, případně GIF. Takových programů jsou stovky – od profesionálních jako je Photoshop až po jednoduché a zdarma, např. Easy Thumbnails. Většina prohlížečů obrázků (IrfanView, Picasa, FastStone Image Viewer) nabízí alespoň ořez a zmenšení obrázků, příp. jednodušší práci se světlem, efektem červených očí atd. Toto je postačující pro většinu uživatelů, kteří chtějí na web umístit vlastní fotky z digitálního fotoaparátu. Jsou tu samozřejmě i programy určené primárně na úpravu fotografií, jako například Zoner Photo Studio apod.

Osobně používam program Photoshop a pro rychlé hromadné zmenšení obřích fotek z digitálního fotoaparátu pak Easy Thumbnails. Pro klasického uživatele bych mimo Easy Thumbnails doporučil FastStone Image Viewer. Je to perfektní prohlížeč obrázků, který nabízí i úpravy jasu, kontrastu, použití barev a několik dalších praktických grafických filtrů, je zdarma a podporuje i češtinu.

Pro pokročilé uživatele je dobrá volba program Gimp, což je free alternativa za profesionální Adobe Photoshop. Skvělou free alternativou za Photoshop je i online editor Photopea.

Dalším skvělým nástrojem na optimalizaci rastrových obrázků je i další online nástroj TinyPNG který spolehlivě zmenší jpg a png formáty při zachování skvělé kvality.

Příspěvek Obrázky pro web – optimální formáty, velikosti a programy pro úpravy pochází z WebPrezent.cz

1) Přejděte na přihlašovací stránku svého webu https://www.urlvasehowebu.cz/admin

2) Zobrazí se nový formulář, do kterého vložíte uživatelské jméno nebo e-mail použitý při registraci. Pak kliknete na „Získat nové heslo“.

3) Po odeslání Vás stránka vyzve ke kontrole e-mailové schránky, kam přijde odkaz na vytvoření nového hesla. E-mail bude mít v titulku „Vytvoření nového hesla“. Obsah pak bude vypadat viz níže.

4) Kliknete na odkaz a dostanete se na formulář pro vytvoření nového hesla. Můžete využít předdefinované heslo, nebo zvolte vlastní. Doporučujeme držet se nápovědy pro silné heslo.

5) Po kliknutí na „Vytvořit nové heslo“ budete vyzvání ke klasickému přihlášení do administrace webu.

Příspěvek WebPublic – Jak na reset hesla do administrace pochází z WebPrezent.cz