Friday, 5 June 2026

What is a Digi Doc

 


DIGI DOC CREATION GUIDE

What is a Digi Doc?

A Digi Doc is your professional digital profile that contains all your important information in one place. Instead of sharing your email, LinkedIn, company details, and social media handles separately, you can share one organized document.

Sample Digi Doc

Shrishty Sharma

Group HR Head

Asiatic International Corp

Shrishty.Asiatic@gmail.com 

Asiatic.Shrishty@gmail.com 

In.AsiaticInCorp.org 


LinkedIn:

https://www.linkedin.com/in/shrishty-sharma-hrm/  


Linktree:

https://linktr.ee/Shrishty_HRM_Flying_Crews 


VCard:

https://www.qrcodechimp.com/page/sjft4kd2k77n?v=chk1733391778 


Instagram:

https://www.instagram.com/asiatic_in_corp/ 

https://www.instagram.com/flyingcrewhrm 


YouTube:

https://www.youtube.com/aerosoftcorp 



Step 1: Create Your Bio (For Women Participants)

As part of our Women Empowerment Initiative, female participants are encouraged to create a professional bio in 3rd person form ( You have to write about yourself as a 3rd person)  and add it to a Google Document.

Sample Bios

Write a short professional introduction covering:

  • Your educational background

  • Skills and expertise

  • Career interests

  • Professional achievements

  • Future goals

Note: Male participants may proceed directly to Step 2.


Step 2: Add Your Name and Designation

Start your Digi Doc with your full name and designation.

Example

Shrishty Sharma

HR Specialist


We encourage interns to develop a professional mindset. Therefore, use designations direct as specialist and not an intern along with their profile such as:

  • HR Specialist

  • Marketing Specialist

  • Business Development Professional

  • Digital Marketing Specialist

  • Recruitment Specialist

  • Content Writing Specialist

By doing this your target audience, client, linkedin community peopl will take you more serious and you’ll be more authoritative as in individual also.  


Step 3: Add Your Company Name

Mention the full name of your assigned company.

Example

Flying-Crews.com


or

Asiatic International Corp



Step 4: Create Two Professional Email IDs

Create two Gmail accounts:

Primary Email

For official communication.

Backup Email

For recovery and backup purposes.

Format Example

Shrishty.FlyingCrews@gmail.com

FlyingCrews.Shrishty@gmail.com



Step 5: Add Your Company Website

Include your assigned company's website URL.

Example

www.flying-crews.com
In.Asiaticincorp.org 


This helps others learn more about your organisation.


Step 6: Add Your LinkedIn Profile

LinkedIn is one of the most important professional networking platforms.

Instructions

  • Copy your LinkedIn profile URL.

  • Shorten the URL 

  • Add the shortened URL to your Digi Doc.

Example

LinkedIn:

https://linktr.ee/Shrishty_HRM_Flying_Crews   



Step 7: Create and Add a Linktree Profile

Linktree allows you to showcase all your important links through a single URL.

Benefits

  • Displays your work portfolio

  • Increases professional credibility

  • Makes networking easier

Example

Linktree:

https://linktr.ee/Shrishty_HRM_Flying_Crews 


Create your account and add:

  • LinkedIn

  • Company website

  • Portfolio links

  • Social media profiles

  • Blogs or articles


Step 8: Create and Add Your VCard

A VCard is a digital business card that contains your professional information.

Include:

  • Name

  • Designation

  • Company

  • Contact Information

  • Social Media Links

Example

VCard:

https://www.qrcodechimp.com/page/sjft4kd2k77n?v=chk1733391778 



Step 9: Add Your Social Media Handles

Add all your professional social media profiles.

Facebook Page

Create a professional Facebook Page and add the link.

Instagram

Use the company's official Instagram account and follow it for updates.

Example:

https://www.instagram.com/asiatic_in_corp/  


YouTube

Use the company's official YouTube channel.

Example:

https://www.youtube.com/aerosoftcorp 


You may also add:

  • X (Twitter)

  • Threads

  • Pinterest

  • Medium

  • Personal Blog

  • Quora


Digi Doc Format

Your Name

Your Designation


Company Name


Primary Email

Backup Email


Company Website


LinkedIn:

(Your LinkedIn URL)


Linktree:

(Your Linktree URL)


VCard:

(Your VCard URL)


Facebook Page:

(Your Facebook Page URL)


Instagram:

(Your Instagram URL)


YouTube:

(Your YouTube URL)


Submission

  1. Create your Digi Doc following the above format.

  2. Save it in a Google Document.

  3. Share the Google Document link with your reporting manager.

  4. Keep updating your Digi Doc as your professional profile grows.

Congratulations! Your Digi Doc is now ready and can be shared with recruiters, clients, professionals, and business contacts.

🙂Your DIGI Doc is completed










🎓 More Visibility. More Leads. More Admissions.


Students are searching online.. make sure they find you first.


At  we help schools, colleges, coaching institutes, and EdTech brands grow with powerful digital marketing solutions.

📱 Social Media Management

🎯 Meta & Google Ads

💻 Website Design & Development


From building brand awareness to generating quality student inquiries, our result-driven strategies are designed to help your education business grow.


📩 Ready to scale your EdTech brand? 


Shiffy Srivastava facilitated a power-packed session at EY on Client-Centric Mindset, Trusted Advisory, Empathetic Communication, and the 6-Box Model.

 



🔥 Outcome Over Activity. Trust Over Transactions. Impact Over Intentions.


Today, Shiffy Srivastava facilitated a power-packed session at EY on Client-Centric Mindset, Trusted Advisory, Empathetic Communication, and the 6-Box Model.


The focus was simple:


👉 Stop solving symptoms. Start solving business problems.

👉 Stop selling solutions. Start creating value.

👉 Stop managing clients. Start building trust.


Through practical frameworks, real-world discussions, and powerful leadership reflections, participants explored how trusted advisors create stronger client relationships, uncover root causes, influence stakeholders, and drive meaningful business outcomes.


One insight stood out:


Clients don’t measure the effort you put in. They measure the impact you create.


The session was filled with energy, deep conversations, actionable takeaways, and leadership shifts that can immediately translate into stronger partnerships and better business results.


Because the future belongs to professionals who are not just experts in their domain—but trusted partners in their clients’ success.


🚀 From Transactional to Transformational.

🚀 From Service Provider to Trusted Advisor.

🚀 From Activity to Impact.





#EY #ShiffySrivastava #TrustedAdvisor #ClientCentricity #LeadershipDevelopment #BusinessImpact #EmpatheticCommunication #Leadership #ConsultingExcellence #ExecutivePresence #Influence #ProfessionalGrowth #CorporateLearning #Speakfluence #FutureReadyLeadership

Thursday, 4 June 2026

Types of HTML Tags & the Importance of Meta Tags

 

Types of HTML Tags & the Importance of Meta Tags

HTML — HyperText Markup Language — is the skeleton of every Web page ever built. At its core, HTML communicates meaning through Tags: small, bracketed instructions that tell browsers how to interpret and display Content. From the headline of a news article to a hidden search-engine description, every element on a Webpage owes its existence to a Tag.

Understanding the taxonomy of HTML Tags — and especially the often-overlooked <meta> Tag — is foundational knowledge for anyone who builds, optimises, or manages Content on the Web. This article walks through the major categories of HTML Tags and explains why meta Tags, humble and invisible to the naked eye, wield enormous power.


What Is an HTML Tag?

An HTML Tag is a keyword enclosed in angle brackets (< >) that marks the beginning and, usually, the end of an element. Most Tags come in pairs: an opening Tag such as <p> and a closing Tag such as </p>, with Content sandwiched between them. Some Tags are self-closing — they stand alone because they carry no inner Content.

Tags may also carry attributes — key-value pairs inside the opening Tag that provide additional information or behaviour.


Major Types of HTML Tags

1. Document Structure Tags

These Tags form the mandatory scaffolding of every HTML document. Without them a page technically doesn't exist.

<!DOCTYPE HTML>

Declares the document type and HTML version (HTML5 in modern usage).

<HTML>

The root element — every other element lives inside this one.

<head>

Contains metadata, scripts, and style links — nothing visible to users.

<body>

Holds all visible page Content: text, images, links, and more.

<title>

Sets the page title shown in browser tabs and bookmarks.

2. Heading Tags

HTML provides six levels of headings — <h1> through <h6>. <h1> is the most important (typically the page title), while <h6> is the least. Search engines use heading hierarchy to understand Content structure, so using them semantically — not just for size — matters greatly for SEO.

3. Text Formatting & Semantic Tags

These Tags give meaning and emphasis to text Content.

<p>

Defines a paragraph of text.

<strong>

Marks text as important (bold by default, but semantically meaningful).

<em>

Marks emphasised text (italic by default).

<span>

Generic inline container for styling a portion of text.

<blockquote>

Represents a section quoted from another source.

<code>

Displays a fragment of computer code inline.

4. List Tags

HTML supports unordered lists (<ul>), ordered lists (<ol>), and description lists (<dl>). All use the <li> (list item) Tag for individual entries. Lists are not only a display tool — they communicate enumeration and sequence to assistive technologies and search engines.

5. Link & Media Tags

<a>

Creates hyperlinks. The

href

attribute specifies the destination URL.

<img>

Embeds an image. Always include an

alt

attribute for accessibility.

<video>

Embeds a video player with native browser controls.

<audio>

Embeds an audio player into the page.

<iframe>

Embeds an external Webpage or resource inside the current page.

6. Table Tags

Tables are built from a hierarchy of Tags: <table> wraps the whole structure; <thead>, <tbody>, and <tfoot> group rows semantically; <tr> defines a row; <th> a header cell; and <td> a data cell. Tables should be used for tabular data, never for page layout.

7. Form Tags

Forms enable user input and interaction. Key players include <form>, <input>, <textarea>, <select>, <option>, and <button>. The type attribute of <input> alone unlocks dozens of specialised controls: text, email, password, date, checkbox, radio, file, range, and more.

8. Semantic / Structural Layout Tags (HTML5)

HTML5 introduced a set of meaningful layout Tags that replaced the sprawl of generic <div> elements, making pages understandable to both humans and machines.

<header>

Page or section header — typically contains logo and nav.

<nav>

Marks a block of navigation links.

<main>

Identifies the primary, unique Content of the page.

<article>

Self-contained Content (blog post, news story, comment).

<section>

A thematic grouping of Content with a heading.

<aside>

Sidebar Content related but not central to the main topic.

<footer>

Footer of a page or section — copyright, links, contact.

<figure>

Group media (image, chart) with its caption.

9. Script & Style Tags

The <script> Tag embeds or links JavaScript. The <style> Tag contains CSS rules directly in the document. The <link> Tag (a head-only element) connects external CSS stylesheets, icons, and other resources. Together they control behaviour and presentation.


The Meta Tag: Small Tag, Enormous Impact

Nestled inside <head> and invisible to visitors, the <meta> Tag is arguably the most consequential Tag on the entire page for discoverability, shareability, and device compatibility. It provides metadata — information about the information — to browsers, search engines, and social media platforms.


Common Meta Tags and Their Roles

Charset:

Declares the character encoding. UTF-8 supports virtually every language on Earth.

Viewport:

Controls layout on mobile devices. Essential for responsive design.

Description:

A short page summary shown in search engine results (SERPs) beneath the title.

Keywords:

Historically used for SEO keywords. Largely ignored by modern search engines, but still used by some internal site-search tools.

Author:

Identifies the page's author or organisation.

Robots:

Instructs search engine crawlers on indexing and link-following behaviour.

og:title / og:description:

Open Graph protocol — controls how a page appears when shared on Facebook, LinkedIn, etc.

Og:image:

Specifies the image shown in social media link previews.

Twitter:card:

Defines the card format when a URL is shared on X (Twitter).

Theme-color:

Sets the browser toolbar colour on mobile devices for a branded feel.


Why Meta Tags Matter

THE INVISIBLE ENGINE OF VISIBILITY

A beautifully designed page with no meta Tags is like a book with no cover, no back-cover blurb, and no entry in the library catalogue. It exists — but no one will find it, and when they stumble upon it, they won't know what it's about.

Meta Tags are the handshake between your page and the wider Web infrastructure: search crawlers, social platforms, browser engines, and screen readers all rely on them.

1. Search Engine Optimisation (SEO)

The description meta Tag directly shapes the snippet displayed in Google and Bing search results. While it is not a direct ranking signal, a compelling, accurate description dramatically improves click-through rates. The robots Tag gives you precise control over what search engines index — invaluable for filtering duplicate Content, sTaging environments, or private pages.

2. Responsive & Mobile-First Design

Without the viewport meta Tag, mobile browsers render a page at a desktop-sized virtual width and then scale it down, making text unreadably small. A single line of meta code — <meta name="viewport" Content="width=device-width, initial-scale=1"> — is the prerequisite for every CSS media query to work as intended. Omitting it breaks the entire responsive design system.

"The viewport meta Tag is not optional for mobile Web development — it is the foundation upon which responsive design is built."

3. Social Media Sharing

Open Graph (og:) and Twitter Card meta Tags transform a plain URL into a rich, visual preview when shared on social platforms. Without them, Facebook might grab a random image from the page (or none at all) and display a truncated URL as the title. With them, every share becomes a carefully crafted mini-advertisement for your Content, complete with a specific headline, description, and image.

4. Character Encoding & Internationalisation

The charset meta Tag tells the browser how to decode the document's bytes into readable characters. Setting it to UTF-8 ensures that languages using non-Latin scripts — Arabic, Hindi, Chinese, Japanese, and hundreds of others — render correctly. Omitting or misstating this can result in garbled text, known as mojibake.

5. Security & Browser Compatibility

The http-equiv meta Tag can simulate HTTP response headers. It is used to enforce Content-security policies, set caching behaviour, and ensure modern rendering engines are used. These Tags add a layer of defensive configuration directly in the HTML without requiring server-side changes.

Best Practices at a Glance

  • Always set <meta charset="UTF-8"> as the very first element inside <head>.

  • Include a viewport meta Tag on every page intended for mobile viewing.

  • Write unique, descriptive description Tags between 120 and 160 characters — avoid duplicating them across pages.

  • Add the full Open Graph set (og:title, og:description, og:image, og:url) for any Content you expect to be shared on social media.

  • Use robots meta Tags to prevent indexing of login pages, thank-you pages, and sTaging environments.

  • Validate your meta Tags using tools like Google Search Console, Facebook Sharing Debugger, and Twitter Card Validator.

  • Never keyword-stuff the keywords meta — search engines penalise this and it provides no benefit.


Tags Are the Language of the Web

HTML Tags are far more than formatting instructions. They encode meaning, accessibility, structure, and communication with the automated systems that power search, social sharing, and device rendering. Among all Tags, the <meta> Tag stands out for the outsized influence it exerts despite never showing a single pixel to end users.

Whether you are a developer building a new project, a Content editor managing a CMS, or a business owner trying to improve search visibility — a working understanding of HTML Tags and meticulous attention to meta Tags will consistently reward you with better reach, better accessibility, and a better user experience.

The Web is made of Tags. Learning to use them well is learning to speak the language of the internet.

linkedin.com/in/chandramouli02

  • Link tree:

https://linktr.ee/chandramouliii

  • Vcard:

https://linko.page/chandramoulii

  • InsTagram:

https://www.insTagram.com/asiatic_in_corp

  • Youtube:

https://www.youtube.com/aerosoftcorp